ss-component-new 1.1.261 → 1.1.263

package/dist/index-C3-tA5Oy.js

@@ -0,0 +1,3520 @@
+import { u as bl, g as Cl, m as gl, s as kl } from "./index-BEQcfNC8.js";
+import { ref as B, watch as ge, createElementBlock as W, openBlock as A, createVNode as j, resolveComponent as pe, Fragment as ve, renderList as fe, createElementVNode as u, createCommentVNode as Le, toDisplayString as q, withCtx as ee, createBlock as he, 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 Il, withModifiers as Ke } from "vue";
+import { p as We } from "./index-YBOakoO-.js";
+import { F as sl, a as Ie, s as De, g as Dl, b as cl, c as Ce, f as qe, m as Ye, d as Je, e as Ze, h as $l, i as Tl, _ as El } from "./index-CWpNIgx-.js";
+import { e as ll, s as Me, E as je, g as il, f as Bl } from "./menu-BjwI4sfO.js";
+import { _ as ye } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { c as h } from "./cloneDeep-CxhinJk5.js";
+import { E as Ue } from "./index-B0SEIfhd.js";
+import { u as Fl } from "./modelComp-CiiFZm1t.js";
+import { s as Al, a as Ol } from "./index-BEPkDcRB.js";
+import Ll from "./index-CZtXRS3l.js";
+const Sl = (b) => b.match(/\((.*)\)/)[1], Vl = ll("formComp", {
+  state: () => ({
+    objUrl: ""
+  }),
+  actions: {
+    setObjUrl(b) {
+      this.objUrl = b;
+    }
+  }
+}), Rl = { class: "form-content" }, Nl = {
+  __name: "index",
+  props: {
+    formRules: Object,
+    itemData: {
+      type: Array,
+      default: () => []
+    },
+    childItemData: {
+      type: Array,
+      default: () => []
+    },
+    index: Number
+  },
+  emits: ["change", "contentChange"],
+  setup(b, { emit: F }) {
+    const v = b, l = F, f = B([]), k = B(!1), V = B([]), p = bl(We), T = Vl(We), w = B(!1), x = B(), z = (S) => {
+      var R, a, i, e;
+      const E = (a = (R = h(v.itemData)) == null ? void 0 : R.find((s) => (s == null ? void 0 : s.key) === "formContent")) == null ? void 0 : a.contents, O = h(S.content);
+      let t = {};
+      O && ((i = Object.values(O)) == null ? void 0 : i.length) > 0 && ((e = Object.values(O)) == null || e.forEach((s, d) => {
+        t[E[d].key] = s;
+      }));
+      const c = {
+        content: t,
+        index: v == null ? void 0 : v.index,
+        buttonName: S == null ? void 0 : S.buttonName
+      };
+      l("change", c);
+    }, N = (S) => {
+      var c, R, a, i;
+      if (!S) return;
+      if (((c = Object.values(h(S))) == null ? void 0 : c.length) > 0) {
+        const e = (R = Object.values(h(S))) == null ? void 0 : R.map((d) => d);
+        let s = "";
+        e == null || e.forEach((d) => {
+          d !== "" && d !== void 0 && (s = s === "" ? d : s + "/" + d);
+        }), p.setSelectArray(e), p.setSelectString(s);
+      }
+      const E = h(v.itemData), O = E == null ? void 0 : E.map((e) => {
+        var s;
+        return (e == null ? void 0 : e.key) === "formContent" && ((s = e.contents) == null || s.map((d, L) => {
+          var M, ue, ae, n, C, $, g, J, ne, D, _, ie, X, ce, ke, _e, P, se, Q, te;
+          return d.type = d != null && d.type ? d.type : (n = (ae = (ue = (M = d == null ? void 0 : d.key) == null ? void 0 : M.split("$")) == null ? void 0 : ue[1]) == null ? void 0 : ae.split("(")) != null && n[0] ? ($ = (C = sl) == null ? void 0 : C.find((be) => {
+            var de, we, oe, Oe;
+            return (be == null ? void 0 : be.key) === ((Oe = (oe = (we = (de = d == null ? void 0 : d.key) == null ? void 0 : de.split("$")) == null ? void 0 : we[1]) == null ? void 0 : oe.split("(")) == null ? void 0 : Oe[0]);
+          })) == null ? void 0 : $.value : "Input", d.options = d != null && d.options ? d.options : ((ne = (J = (g = d == null ? void 0 : d.key) == null ? void 0 : g.split("$")) == null ? void 0 : J[1]) == null ? void 0 : ne.length) > 0 ? (X = (ie = Sl((_ = (D = d == null ? void 0 : d.key) == null ? void 0 : D.split("$")) == null ? void 0 : _[1])) == null ? void 0 : ie.split(",")) == null ? void 0 : X.map((be) => ({
+            label: be,
+            value: be
+          })) : [], (ce = d == null ? void 0 : d.key) != null && ce.includes("$") && (d.key = (_e = (ke = d == null ? void 0 : d.key) == null ? void 0 : ke.split("$")) == null ? void 0 : _e[0]), d.value = Array.isArray((P = Object.values(S)) == null ? void 0 : P[L]) ? (Q = (se = Object.values(S)) == null ? void 0 : se[L]) == null ? void 0 : Q[0] : (te = Object.values(S)) == null ? void 0 : te[L], d;
+        })), e;
+      });
+      let t = "";
+      (i = h((a = O == null ? void 0 : O[0]) == null ? void 0 : a.contents)) == null || i.forEach((e) => {
+        var s;
+        (s = e == null ? void 0 : e.value) != null && s.includes(".obj") && (t = e == null ? void 0 : e.value);
+      }), t !== "" && T.setObjUrl(t), l("contentChange", {
+        contents: O,
+        index: v.index
+      });
+    };
+    return ge(
+      () => v.itemData,
+      async () => {
+        var R, a, i, e, s, d, L, M, ue, ae, n, C;
+        const S = (R = h(v.itemData)) == null ? void 0 : R.find(($) => ($ == null ? void 0 : $.key) === "formContent"), E = (a = h(v.itemData)) == null ? void 0 : a.find(($) => ($ == null ? void 0 : $.key) === "formButton"), O = (i = h(v.itemData)) == null ? void 0 : i.find(($) => ($ == null ? void 0 : $.key) === "formFlex"), t = (e = h(v.itemData)) == null ? void 0 : e.find(($) => ($ == null ? void 0 : $.key) === "formWrap"), c = (s = h(v.itemData)) == null ? void 0 : s.find(($) => ($ == null ? void 0 : $.key) === "enableWrap");
+        if ((t == null ? void 0 : t.contents) === "纵向" ? k.value = !1 : k.value = !0, w.value = (c == null ? void 0 : c.contents) === void 0 ? !1 : c == null ? void 0 : c.contents, x.value = typeof (O == null ? void 0 : O.contents) != "boolean" ? !(!(O != null && O.contents) === "" || ((d = O == null ? void 0 : O.contents) == null ? void 0 : d.toUpperCase()) === "VERTICAL") : O == null ? void 0 : O.contents, ((L = S == null ? void 0 : S.contents) == null ? void 0 : L.length) > 0 && Array.isArray(S == null ? void 0 : S.contents)) {
+          const $ = [];
+          await ((M = S == null ? void 0 : S.contents) == null ? void 0 : M.forEach(async (D, _) => {
+            var ie, X, ce, ke, _e, P, se, Q, te, be, de, we;
+            if ((D == null ? void 0 : D.label) !== "") {
+              let oe = (D == null ? void 0 : D.label) ?? (D == null ? void 0 : D.key) ?? "", Oe = (D == null ? void 0 : D.type) ?? "", Be = (D == null ? void 0 : D.options) ?? [];
+              if ((ie = D == null ? void 0 : D.key) != null && ie.includes("$") && (oe = (X = h(D == null ? void 0 : D.key).split("$")) == null ? void 0 : X[0], ((ke = (ce = h(D == null ? void 0 : D.key).split("$")) == null ? void 0 : ce[1]) == null ? void 0 : ke.length) > 0)) {
+                const [o, r] = (P = (_e = h(D == null ? void 0 : D.key).split("$")) == null ? void 0 : _e[1]) == null ? void 0 : P.split(/[()]/);
+                Oe = ((se = sl.find((y) => (y == null ? void 0 : y.key) === o)) == null ? void 0 : se.value) ?? "", ((Q = r == null ? void 0 : r.split(",")) == null ? void 0 : Q.length) > 0 && (Be = (te = r == null ? void 0 : r.split(",")) == null ? void 0 : te.map((y) => ({
+                  label: y,
+                  value: y
+                })));
+              }
+              let Ve = [];
+              D != null && D.contents && !Array.isArray(D == null ? void 0 : D.contents) && ((de = (be = D == null ? void 0 : D.contents) == null ? void 0 : be.split(",")) == null || de.map((o) => ({
+                label: o,
+                value: o
+              }))), $.push({
+                label: oe ?? "",
+                name: "t" + _,
+                type: Oe === "" ? "Input" : Oe,
+                value: D != null && D.originalContent && (D == null ? void 0 : D.originalContent) !== "" ? D.originalContent : D != null && D.value ? D.value : (Be == null ? void 0 : Be.length) > 0 ? (we = Be == null ? void 0 : Be[0]) == null ? void 0 : we.value : (D == null ? void 0 : D.value) ?? "",
+                id: (D == null ? void 0 : D.id) ?? _,
+                contents: (Ve == null ? void 0 : Ve.length) > 0 ? Ve : Be ?? [],
+                width: (D == null ? void 0 : D.width) ?? 1,
+                config: D == null ? void 0 : D.config,
+                optionUrl: D
+              });
+            }
+          }));
+          const g = (ue = h($)) == null ? void 0 : ue.map((D) => D.value);
+          let J = "";
+          g == null || g.forEach((D) => {
+            D !== "" && D !== void 0 && (J = J === "" ? D : J + "/" + D);
+          }), p.setSelectArray(g), p.setSelectString(J), f.value = $;
+          let ne = "";
+          (ae = h(f.value)) == null || ae.forEach((D) => {
+            var _;
+            (_ = D == null ? void 0 : D.value) != null && _.includes(".obj") && (ne = D == null ? void 0 : D.value);
+          }), ne !== "" && T.setObjUrl(ne);
+        } else
+          f.value = [];
+        if (((n = E == null ? void 0 : E.contents) == null ? void 0 : n.length) > 0) {
+          const $ = [];
+          (C = E == null ? void 0 : E.contents) == null || C.forEach((g, J) => {
+            (g == null ? void 0 : g.label) !== "" && $.push({
+              label: (g == null ? void 0 : g.label) ?? "",
+              id: (g == null ? void 0 : g.id) ?? J,
+              type: (g == null ? void 0 : g.type) ?? "",
+              background: g == null ? void 0 : g.background
+            });
+          }), V.value = $;
+        } else
+          V.value = [];
+      },
+      { deep: !0, immediate: !0 }
+    ), (S, E) => (A(), W("div", Rl, [
+      j(Ie, {
+        rowContents: f.value,
+        formRules: b.formRules,
+        buttonValue: V.value,
+        isRowFlex: x.value,
+        isEnableWrap: w.value,
+        onOnButtonClick: z,
+        onChange: N,
+        isButtonRow: k.value
+      }, null, 8, ["rowContents", "formRules", "buttonValue", "isRowFlex", "isEnableWrap", "isButtonRow"])
+    ]));
+  }
+}, ul = /* @__PURE__ */ ye(Nl, [["__scopeId", "data-v-98ad8d64"]]), Qe = B(0), dl = (b) => {
+  var F;
+  return !b || (b == null ? void 0 : b.length) === 0 ? [] : (F = h(b)) == 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 = (b) => {
+  var v;
+  return (v = h(b)) == 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 = (b, F) => {
+  var v;
+  return b != null && b.find((l) => (l == null ? void 0 : l.id) === F) ? (v = h(b)) == null ? void 0 : v.filter((f) => (f == null ? void 0 : f.id) !== F) : (b = b == null ? void 0 : b.map((l) => (l.children = vl(l == null ? void 0 : l.children, F), l)), b);
+}, pl = (b, F) => {
+  var v;
+  return b != null && b.find((l) => (l == null ? void 0 : l.id) === (F == null ? void 0 : F.id)) ? (v = h(b)) == null ? void 0 : v.map((f) => ((f == null ? void 0 : f.id) === (F == null ? void 0 : F.id) && (f = F), f)) : (b = b == null ? void 0 : b.map((l) => (l.children = pl(l == null ? void 0 : l.children, F), l)), b);
+}, fl = (b, F) => {
+  var v;
+  return b != null && b.find((l) => {
+    var f;
+    return (l == null ? void 0 : l.id) === ((f = F == null ? void 0 : F.contents) == null ? void 0 : f.id);
+  }) ? (v = h(b)) == null ? void 0 : v.map((f) => {
+    var k;
+    return (f == null ? void 0 : f.id) === ((k = F == null ? void 0 : F.contents) == null ? void 0 : k.id) && (f = F == null ? void 0 : F.contents), f;
+  }) : (b = b == null ? void 0 : b.map((l) => (l.children = fl(l == null ? void 0 : l.children, F), l)), b);
+}, hl = (b, F) => {
+  var v;
+  return b != null && b.find((l) => (l == null ? void 0 : l.id) === (F == null ? void 0 : F.id)) ? (v = h(b)) == null ? void 0 : v.map((f) => ((f == null ? void 0 : f.id) === (F == null ? void 0 : F.id) && (f != null && f.children || (f.children = []), f.children.push(F.contents)), f)) : (b = b == null ? void 0 : b.map((l) => (l.children = hl(l == null ? void 0 : l.children, F), l)), b);
+}, le = [
+  {
+    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(b) {
+      this.tableIndex = b;
+    }
+  }
+}), 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(b, { emit: F }) {
+    const v = b, l = F, f = B(!1), k = B(""), V = ml(We), { tableIndex: p } = Me(V);
+    B(0);
+    const T = B(""), w = B([]), x = B([]), z = (a) => {
+      var e;
+      f.value = !0;
+      let i = [];
+      le == null || le.forEach((s) => {
+        let d = h(p.value) + 1;
+        V.setTableIndex(d), i.push({
+          label: s == null ? void 0 : s.label,
+          name: s == null ? void 0 : s.label,
+          type: s.type,
+          value: a[s.key],
+          id: p.value,
+          contents: s == null ? void 0 : s.options
+        });
+      }), a != null && a.children && ((e = a == null ? void 0 : a.children) == null ? void 0 : e.length) > 0 && i.push({
+        children: a == null ? void 0 : a.children,
+        isFormColHidden: !0
+      }), T.value = a == null ? void 0 : a.id, w.value = i, x.value = i;
+    }, N = (a) => {
+      l("fixChange", h(a));
+    }, S = (a) => {
+      l("deleteChange", h(a));
+    }, E = (a) => {
+      f.value = !0;
+      let i = [];
+      le == null || le.forEach((e) => {
+        let s = h(p.value) + 1;
+        V.setTableIndex(s), i.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
+        });
+      }), k.value = a == null ? void 0 : a.id, w.value = i, x.value = i;
+    }, O = (a) => {
+      let i = h(x.value);
+      i = i == null ? void 0 : i.map((e) => (e.children || (e.value = a == null ? void 0 : a[e.name]), e)), x.value = i;
+    }, t = () => {
+      var i, e;
+      w.value = x.value;
+      let a = {};
+      if (T.value !== "")
+        a.id = T.value, (i = w.value) == null || i.forEach((s) => {
+          const d = le == null ? void 0 : le.find((L) => (L == null ? void 0 : L.label) === (s == null ? void 0 : s.label));
+          d ? a[d.key] = s.value : s != null && s.children && s.children.length > 0 && (a.children = s.children);
+        }), f.value = !1, l("fixChange", {
+          contents: h(a),
+          id: k.value,
+          type: "fix"
+        });
+      else {
+        let s = h(p.value) + 1;
+        V.setTableIndex(s), a.id = "id" + p.value, (e = w.value) == null || e.forEach((d) => {
+          const L = le == null ? void 0 : le.find((M) => (M == null ? void 0 : M.label) === (d == null ? void 0 : d.label));
+          L ? a[L.key] = d.value : d != null && d.children && d.children.length > 0 && (a.children = d.children);
+        }), f.value = !1, l("fixChange", {
+          contents: h(a),
+          id: k.value,
+          type: "add"
+        });
+      }
+      T.value = "", w.value = [], x.value = [];
+    }, c = () => {
+      f.value = !1, T.value = "", k.value = "", w.value = [], x.value = [];
+    }, R = (a) => {
+      Ue.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(
+        () => {
+          l("deleteChange", a), je({
+            type: "success",
+            message: "删除成功"
+          });
+        }
+      ).catch(() => {
+      });
+    };
+    return (a, i) => {
+      const e = pe("svg-icon");
+      return A(), W("div", Wl, [
+        (A(!0), W(ve, null, fe(v == null ? void 0 : v.tableChildContents, (s, d) => (A(), W("div", zl, [
+          u("div", Ml, [
+            u("div", Kl, q(s.label), 1),
+            u("div", Jl, [
+              j(e, {
+                name: "ChildAdd",
+                class: "svg-icon-content",
+                style: { width: "24px", height: "24px" },
+                onClick: (L) => E(s)
+              }, null, 8, ["onClick"]),
+              j(e, {
+                name: "ChildFix",
+                class: "svg-icon-content",
+                style: { width: "24px", height: "24px" },
+                onClick: (L) => z(s)
+              }, null, 8, ["onClick"]),
+              j(e, {
+                name: "ChildDelete",
+                class: "svg-icon-content",
+                style: { width: "24px", height: "24px" },
+                onClick: (L) => R(s)
+              }, null, 8, ["onClick"])
+            ])
+          ]),
+          s != null && s.children && s.children.length > 0 ? (A(), W("div", Gl, [
+            j(yl, {
+              tableChildContents: s == null ? void 0 : s.children,
+              onDeleteChange: S,
+              onFixChange: N
+            }, null, 8, ["tableChildContents"])
+          ])) : Le("", !0)
+        ]))), 256)),
+        j(De, {
+          visible: f.value,
+          onBeforeDestroy: c,
+          width: 840
+        }, {
+          default: ee(() => [
+            u("div", ql, [
+              (A(), he(Ie, {
+                rowContents: w.value,
+                key: w.value,
+                isEnableWrap: !0,
+                onChange: O
+              }, null, 8, ["rowContents"]))
+            ])
+          ]),
+          footer: ee(() => [
+            u("div", { class: "dialog-footer" }, [
+              u("div", {
+                onClick: c,
+                class: "cancel-button button"
+              }, q("取消")),
+              u("div", {
+                class: "ok-button button",
+                onClick: t
+              }, q("确认"))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ]);
+    };
+  }
+}, Ql = /* @__PURE__ */ ye(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(b, { emit: F }) {
+    const v = b, l = F, f = B(!1), k = B(""), V = ml(We), { tableIndex: p } = Me(V), T = B(""), w = B([]), x = B([]), z = (a) => {
+      l("fixChange", h(a));
+    }, N = (a) => {
+      var e;
+      f.value = !0;
+      let i = [];
+      le == null || le.forEach((s) => {
+        let d = h(p.value) + 1;
+        V.setTableIndex(d), i.push({
+          label: s == null ? void 0 : s.label,
+          name: s == null ? void 0 : s.label,
+          type: s.type,
+          value: a[s.key],
+          id: p.value,
+          contents: s == null ? void 0 : s.options
+        });
+      }), a != null && a.children && ((e = a == null ? void 0 : a.children) == null ? void 0 : e.length) > 0 && i.push({
+        children: a == null ? void 0 : a.children,
+        isFormColHidden: !0
+      }), T.value = a == null ? void 0 : a.id, w.value = i, x.value = i;
+    }, S = (a) => {
+      f.value = !0;
+      let i = [];
+      le == null || le.forEach((e) => {
+        let s = h(p.value) + 1;
+        V.setTableIndex(s), i.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
+        });
+      }), k.value = a == null ? void 0 : a.id, w.value = i, x.value = i;
+    }, E = (a) => {
+      let i = h(x.value);
+      i = i == null ? void 0 : i.map((e) => (e.children || (e.value = a == null ? void 0 : a[e.name]), e)), x.value = i;
+    }, O = () => {
+      var i, e;
+      w.value = x.value;
+      let a = {};
+      if (T.value !== "")
+        a.id = T.value, (i = w.value) == null || i.forEach((s) => {
+          const d = le == null ? void 0 : le.find((L) => (L == null ? void 0 : L.label) === (s == null ? void 0 : s.label));
+          d ? a[d.key] = s.value : s != null && s.children && s.children.length > 0 && (a.children = s.children);
+        }), f.value = !1, l("fixChange", {
+          contents: h(a),
+          id: k.value,
+          type: "fix"
+        });
+      else {
+        let s = h(p.value) + 1;
+        V.setTableIndex(s), a.id = "idChild" + p.value, (e = w.value) == null || e.forEach((d) => {
+          const L = le == null ? void 0 : le.find((M) => (M == null ? void 0 : M.label) === (d == null ? void 0 : d.label));
+          L ? a[L.key] = d.value : d != null && d.children && d.children.length > 0 && (a.children = d.children);
+        }), f.value = !1, l("fixChange", {
+          contents: h(a),
+          id: k.value,
+          type: "add"
+        });
+      }
+      T.value = "", w.value = [], x.value = [];
+    }, t = () => {
+      f.value = !1, T.value = "", k.value = "", w.value = [], x.value = [];
+    }, c = (a) => {
+      Ue.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(
+        () => {
+          l("deleteChange", a), je({
+            type: "success",
+            message: "删除成功"
+          });
+        }
+      ).catch(() => {
+      });
+    }, R = (a) => {
+      l("deleteChange", a);
+    };
+    return (a, i) => {
+      const e = pe("svg-icon");
+      return A(), W("div", Xl, [
+        (A(!0), W(ve, null, fe(v == null ? void 0 : v.tableChildContents, (s, d) => (A(), W("div", Yl, [
+          u("div", Zl, [
+            u("div", ea, q(s.label), 1),
+            u("div", la, [
+              j(e, {
+                name: "ChildAdd",
+                class: "svg-icon-content",
+                style: { width: "24px", height: "24px" },
+                onClick: (L) => S(s)
+              }, null, 8, ["onClick"]),
+              j(e, {
+                name: "ChildFix",
+                class: "svg-icon-content",
+                style: { width: "24px", height: "24px" },
+                onClick: (L) => N(s)
+              }, null, 8, ["onClick"]),
+              j(e, {
+                name: "ChildDelete",
+                class: "svg-icon-content",
+                style: { width: "24px", height: "24px" },
+                onClick: (L) => c(s)
+              }, null, 8, ["onClick"])
+            ])
+          ]),
+          s != null && s.children && s.children.length > 0 ? (A(), W("div", aa, [
+            j(Ql, {
+              tableChildContents: s == null ? void 0 : s.children,
+              onDeleteChange: R,
+              onFixChange: z
+            }, null, 8, ["tableChildContents"])
+          ])) : Le("", !0)
+        ]))), 256)),
+        j(De, {
+          visible: f.value,
+          onBeforeDestroy: t,
+          width: 840
+        }, {
+          default: ee(() => [
+            u("div", na, [
+              (A(), he(Ie, {
+                rowContents: w.value,
+                key: w.value,
+                isEnableWrap: !0,
+                onChange: E
+              }, null, 8, ["rowContents"]))
+            ])
+          ]),
+          footer: ee(() => [
+            u("div", { class: "dialog-footer" }, [
+              u("div", {
+                onClick: t,
+                class: "cancel-button button"
+              }, q("取消")),
+              u("div", {
+                class: "ok-button button",
+                onClick: O
+              }, q("确认"))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ]);
+    };
+  }
+}, yl = /* @__PURE__ */ ye(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" }, ya = { class: "fix-button" }, ba = { 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" }, Ia = { class: "fix-content" }, Da = { 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(b, { emit: F }) {
+    const v = b, l = F, f = B([]), k = B(!1), V = B(!1), p = B([]), T = B(!1), w = B([]), x = B(!1), z = B([]), N = B(""), S = B(""), E = B([]), O = B([]), t = B([]), c = B([]), R = B(!1), a = B([]), i = B([]), e = B(0), s = B([]), d = B([]), L = B([]), M = () => {
+      R.value = !0;
+      let o = [];
+      Re == null || Re.forEach((r) => {
+        e.value++, o.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 = o, i.value = o;
+    }, ue = () => {
+      var r, y, m;
+      V.value = !0;
+      let o = [];
+      (m = (y = (r = Ce) == null ? void 0 : r.find((G) => (G == null ? void 0 : G.key) === "Input")) == null ? void 0 : y.value) == null || m.forEach((G) => {
+        e.value++, o.push({
+          label: G == null ? void 0 : G.label,
+          name: G == null ? void 0 : G.label,
+          type: G.type,
+          value: (G == null ? void 0 : G.label) === "类型" ? "Input" : "",
+          id: e.value,
+          contents: G == null ? void 0 : G.options
+        });
+      }), s.value = o, d.value = o;
+    }, ae = async (o) => {
+      var r, y, m, G, Y, me, U, H, re, xe;
+      if ((o == null ? void 0 : o.类型) !== ((y = (r = d.value) == null ? void 0 : r.find((Z) => (Z == null ? void 0 : Z.label) === "类型")) == null ? void 0 : y.value)) {
+        let Z = [], $e = await ((Y = (G = (m = Ce) == null ? void 0 : m.find((K) => (K == null ? void 0 : K.key) === ((o == null ? void 0 : o.类型) === "" ? "Input" : o == null ? void 0 : o.类型))) == null ? void 0 : G.value) == null ? void 0 : Y.value) ? await ((xe = (re = (H = Ce) == null ? void 0 : H.find((K) => (K == null ? void 0 : K.key) === ((o == null ? void 0 : o.类型) === "" ? "Input" : o == null ? void 0 : o.类型))) == null ? void 0 : re.value) == null ? void 0 : xe.value) : (U = (me = Ce) == null ? void 0 : me.find((K) => (K == null ? void 0 : K.key) === ((o == null ? void 0 : o.类型) === "" ? "Input" : o == null ? void 0 : o.类型))) == null ? void 0 : U.value;
+        $e == null || $e.forEach((K) => {
+          e.value++, Z.push({
+            label: K == null ? void 0 : K.label,
+            name: K == null ? void 0 : K.label,
+            type: K.type,
+            value: (o == null ? void 0 : o[K.label]) ?? "",
+            id: e.value,
+            contents: K == null ? void 0 : K.options
+          });
+        }), d.value = Z, s.value = Z;
+      } else {
+        let Z = h(s.value);
+        Z = Z == null ? void 0 : Z.map(($e) => ($e.value = o == null ? void 0 : o[$e.name], $e)), d.value = Z;
+      }
+    }, n = async (o) => {
+      var m, G, Y, me, U, H, re, xe;
+      V.value = !0;
+      let r = [];
+      const y = await ((Y = (G = (m = Ce) == null ? void 0 : m.find((Z) => (Z == null ? void 0 : Z.key) === ((o == null ? void 0 : o.type) === "" ? "Input" : o == null ? void 0 : o.type))) == null ? void 0 : G.value) == null ? void 0 : Y.value) ? await ((xe = (re = (H = Ce) == null ? void 0 : H.find((Z) => (Z == null ? void 0 : Z.key) === ((o == null ? void 0 : o.type) === "" ? "Input" : o == null ? void 0 : o.type))) == null ? void 0 : re.value) == null ? void 0 : xe.value) : (U = (me = Ce) == null ? void 0 : me.find((Z) => (Z == null ? void 0 : Z.key) === ((o == null ? void 0 : o.type) === "" ? "Input" : o == null ? void 0 : o.type))) == null ? void 0 : U.value;
+      y == null || y.forEach((Z) => {
+        e.value++, r.push({
+          label: Z == null ? void 0 : Z.label,
+          name: Z == null ? void 0 : Z.label,
+          type: Z.type,
+          value: (Z == null ? void 0 : Z.label) === "类型" && o[Z.key] === "" ? "Input" : o[Z.key],
+          id: e.value,
+          contents: Z == null ? void 0 : Z.options
+        });
+      }), N.value = o == null ? void 0 : o.id, s.value = r, d.value = r;
+    }, C = (o) => {
+      Ue.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(
+        () => {
+          var r, y;
+          L.value = (r = h(L.value)) == null ? void 0 : r.filter((m) => (m == null ? void 0 : m.id) !== (o == null ? void 0 : o.id)), l("change", (y = h(v.originalItemContents)) == null ? void 0 : y.map((m) => ((m == null ? void 0 : m.key) === "tableToForm" && (m.contents = L.value), m))), je({
+            type: "success",
+            message: "删除成功"
+          });
+        }
+      ).catch(() => {
+      });
+    }, $ = () => {
+      V.value = !1, s.value = [], N.value = "";
+    }, g = async () => {
+      var m, G, Y, me, U, H, re, xe, Z, $e;
+      s.value = d.value;
+      let o = {};
+      N.value !== "" ? o.id = N.value : (e.value++, o.id = "id" + e.value);
+      let r = await ((Y = (G = (m = Ce) == null ? void 0 : m.find((K) => {
+        var Te, Fe;
+        return (K == null ? void 0 : K.key) === (((Fe = (Te = s.value) == null ? void 0 : Te.find((Se) => (Se == null ? void 0 : Se.label) === "类型")) == null ? void 0 : Fe.value) ?? "label");
+      })) == null ? void 0 : G.value) == null ? void 0 : Y.value) ?? ((U = (me = Ce) == null ? void 0 : me.find((K) => {
+        var Te, Fe;
+        return (K == null ? void 0 : K.key) === (((Fe = (Te = s.value) == null ? void 0 : Te.find((Se) => (Se == null ? void 0 : Se.label) === "类型")) == null ? void 0 : Fe.value) ?? "label");
+      })) == null ? void 0 : U.value);
+      if ((H = s.value) == null || H.forEach((K) => {
+        const Te = r == null ? void 0 : r.find((Fe) => (Fe == null ? void 0 : Fe.label) === (K == null ? void 0 : K.label));
+        Te && (o[Te.key] = K.value);
+      }), o.name = o.label, (re = L.value) != null && re.find((K) => K.id === o.id))
+        L.value = (xe = L.value) == null ? void 0 : xe.map((K) => (K.id === o.id && (K = o), K));
+      else {
+        let K = h(L.value);
+        L.value || (L.value = []), K.push(o), L.value = K;
+      }
+      L.value = L.value.map(({ id: K, ...Te }) => Te), V.value = !1, N.value = "";
+      let y = h(v.originalItemContents);
+      (Z = h(v.originalItemContents)) != null && Z.find((K) => (K == null ? void 0 : K.key) === "tableToForm") ? y = ($e = h(v.originalItemContents)) == null ? void 0 : $e.map((K) => ((K == null ? void 0 : K.key) === "tableToForm" && (K.contents = L.value), K)) : y.push({
+        key: "tableToForm",
+        contents: L.value
+      }), l("change", y);
+    }, J = (o) => {
+      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: o[y.key],
+          id: e.value,
+          contents: y == null ? void 0 : y.options
+        });
+      }), N.value = o == null ? void 0 : o.id, a.value = r, i.value = r;
+    };
+    ge(
+      () => x.value,
+      () => {
+        var r, y;
+        let o = h(v.originalItemContents);
+        (r = h(v.originalItemContents)) != null && r.find((m) => (m == null ? void 0 : m.key) === "page") ? o = (y = h(v.originalItemContents)) == null ? void 0 : y.map((m) => ((m == null ? void 0 : m.key) === "page" && (m.contents = x.value), m)) : o.push({
+          key: "page",
+          contents: x.value
+        }), l("change", o);
+      },
+      { deep: !0 }
+    );
+    const ne = (o) => {
+      Ue.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(
+        () => {
+          var r, y;
+          O.value = (r = h(O.value)) == null ? void 0 : r.filter((m) => (m == null ? void 0 : m.id) !== (o == null ? void 0 : o.id)), l("change", (y = h(v.originalItemContents)) == null ? void 0 : y.map((m) => ((m == null ? void 0 : m.key) === "extraButton" && (m.contents = O.value), m))), je({
+            type: "success",
+            message: "删除成功"
+          });
+        }
+      ).catch(() => {
+      });
+    }, D = () => {
+      var y, m, G, Y, me;
+      a.value = i.value;
+      let o = {};
+      if (N.value !== "" ? o.id = N.value : (e.value++, o.id = "id" + e.value), (y = a.value) == null || y.forEach((U) => {
+        const H = Re == null ? void 0 : Re.find((re) => (re == null ? void 0 : re.label) === (U == null ? void 0 : U.label));
+        H ? o[H.key] = U.value : U != null && U.children && U.children.length > 0 && (o.children = U.children);
+      }), (m = O.value) != null && m.find((U) => U.id === o.id))
+        O.value = (G = O.value) == null ? void 0 : G.map((U) => (U.id === o.id && (U = o), U));
+      else {
+        let U = h(O.value);
+        U.push(o), O.value = U;
+      }
+      R.value = !1, N.value = "";
+      let r = h(v.originalItemContents);
+      (Y = h(v.originalItemContents)) != null && Y.find((U) => (U == null ? void 0 : U.key) === "extraButton") ? r = (me = h(v.originalItemContents)) == null ? void 0 : me.map((U) => ((U == null ? void 0 : U.key) === "extraButton" && (U.contents = O.value), U)) : r.push({
+        key: "extraButton",
+        contents: O.value
+      }), l("change", r);
+    }, _ = (o) => {
+      let r = h(i.value);
+      r = r == null ? void 0 : r.map((y) => (y.children || (y.value = o == null ? void 0 : o[y.name]), y)), i.value = r;
+    }, ie = () => {
+      R.value = !1, a.value = [], N.value = "";
+    }, X = (o) => {
+      T.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: o[y.key],
+          id: e.value,
+          contents: y == null ? void 0 : y.options
+        });
+      }), N.value = o == null ? void 0 : o.id, t.value = r, c.value = r;
+    }, ce = (o) => {
+      Ue.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(
+        () => {
+          var r, y;
+          E.value = (r = h(E.value)) == null ? void 0 : r.filter((m) => (m == null ? void 0 : m.id) !== (o == null ? void 0 : o.id)), l("change", (y = h(v.originalItemContents)) == null ? void 0 : y.map((m) => ((m == null ? void 0 : m.key) === "rowButton" && (m.contents = E.value), m))), je({
+            type: "success",
+            message: "删除成功"
+          });
+        }
+      ).catch(() => {
+      });
+    }, ke = () => {
+      k.value = !0;
+      let o = [];
+      le == null || le.forEach((r) => {
+        e.value++, o.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
+        });
+      }), w.value = o, z.value = o;
+    }, _e = () => {
+      T.value = !0;
+      let o = [];
+      Ne == null || Ne.forEach((r) => {
+        e.value++, o.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
+        });
+      }), t.value = o, c.value = o;
+    }, P = (o) => {
+      let r = h(c.value);
+      r = r == null ? void 0 : r.map((y) => (y.children || (y.value = o == null ? void 0 : o[y.name]), y)), c.value = r;
+    }, se = () => {
+      var y, m, G, Y, me;
+      t.value = c.value;
+      let o = {};
+      if (N.value !== "" ? o.id = N.value : (e.value++, o.id = "id" + e.value), (y = t.value) == null || y.forEach((U) => {
+        const H = Ne == null ? void 0 : Ne.find((re) => (re == null ? void 0 : re.label) === (U == null ? void 0 : U.label));
+        H ? o[H.key] = U.value : U != null && U.children && U.children.length > 0 && (o.children = U.children);
+      }), (m = E.value) != null && m.find((U) => U.id === o.id))
+        E.value = (G = E.value) == null ? void 0 : G.map((U) => (U.id === o.id && (U = o), U));
+      else {
+        let U = h(E.value);
+        U.push(o), E.value = U;
+      }
+      T.value = !1, N.value = "";
+      let r = h(v.originalItemContents);
+      (Y = h(v.originalItemContents)) != null && Y.find((U) => (U == null ? void 0 : U.key) === "rowButton") ? r = (me = h(v.originalItemContents)) == null ? void 0 : me.map((U) => ((U == null ? void 0 : U.key) === "rowButton" && (U.contents = E.value), U)) : r.push({
+        key: "rowButton",
+        contents: E.value
+      }), l("change", r);
+    }, Q = () => {
+      T.value = !1, N.value = "", c.value = [], t.value = [];
+    }, te = (o) => {
+      k.value = !0;
+      let r = [];
+      le == null || le.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
+        });
+      }), w.value = r, S.value = o == null ? void 0 : o.id, z.value = r;
+    }, be = (o) => {
+      var r;
+      p.value = vl(h(p.value), o == null ? void 0 : o.id), l("change", (r = h(v.originalItemContents)) == null ? void 0 : r.map((y) => {
+        var m;
+        return (y == null ? void 0 : y.key) === "header" && (y.contents = (m = p.value) != null && m.some((G) => G == null ? void 0 : G.children) ? [p.value] : p.value), y;
+      }));
+    }, de = (o) => {
+      var y, m, G;
+      o.type === "fix" ? o.id !== "" ? p.value = fl(p.value, o) : p.value = pl(p.value, o == null ? void 0 : o.contents) : p.value = hl(p.value, o), p.value = (y = p.value) != null && y.some((Y) => Y == null ? void 0 : Y.children) ? [p.value] : p.value, N.value = "";
+      let r = h(v.originalItemContents);
+      (m = h(v.originalItemContents)) != null && m.find((Y) => (Y == null ? void 0 : Y.key) === "header") ? r = (G = h(v.originalItemContents)) == null ? void 0 : G.map((Y) => ((Y == null ? void 0 : Y.key) === "header" && (Y.contents = p.value), Y)) : r.push({
+        key: "header",
+        contents: p.value
+      }), l("change", r);
+    }, we = (o) => {
+      var y;
+      k.value = !0;
+      let r = [];
+      le == null || le.forEach((m) => {
+        e.value++, r.push({
+          label: m == null ? void 0 : m.label,
+          name: m == null ? void 0 : m.label,
+          type: m.type,
+          value: o[m.key],
+          id: e.value,
+          contents: m == null ? void 0 : m.options
+        });
+      }), o != null && o.children && ((y = o == null ? void 0 : o.children) == null ? void 0 : y.length) > 0 && r.push({
+        children: o == null ? void 0 : o.children,
+        isFormColHidden: !0
+      }), N.value = o == null ? void 0 : o.id, S.value = "", w.value = r, z.value = r;
+    }, oe = (o) => {
+      let r = h(z.value);
+      r = r == null ? void 0 : r.map((y) => (y.children || (y.value = o == null ? void 0 : o[y.name]), y)), z.value = r;
+    }, Oe = () => {
+      k.value = !1, N.value = "", S.value = "", z.value = [];
+    }, Be = () => {
+      var y, m, G, Y, me, U;
+      w.value = z.value;
+      let o = {};
+      if (N.value !== "" ? o.id = N.value : (e.value++, o.id = "id" + e.value), (y = w.value) == null || y.forEach((H) => {
+        const re = le == null ? void 0 : le.find((xe) => (xe == null ? void 0 : xe.label) === (H == null ? void 0 : H.label));
+        re ? o[re.key] = H.value : H != null && H.children && H.children.length > 0 && (o.children = H.children);
+      }), (m = p.value) != null && m.find((H) => H.id === o.id))
+        p.value = (G = p.value) == null ? void 0 : G.map((H) => (H.id === o.id && (H = o), H));
+      else {
+        let H = h(p.value) ?? [];
+        S.value === "" ? H.push(o) : H = H == null ? void 0 : H.map((re) => (re.id === S.value && (re.children || (re.children = []), re.children.push(o)), re)), p.value = H;
+      }
+      p.value = (Y = p.value) != null && Y.some((H) => H == null ? void 0 : H.children) ? [p.value] : p.value, k.value = !1, N.value = "", S.value = "";
+      let r = h(v.originalItemContents);
+      (me = h(v.originalItemContents)) != null && me.find((H) => (H == null ? void 0 : H.key) === "header") ? r = (U = h(v.originalItemContents)) == null ? void 0 : U.map((H) => ((H == null ? void 0 : H.key) === "header" && (H.contents = p.value), H)) : r.push({
+        key: "header",
+        contents: p.value
+      }), l("change", r);
+    }, Ve = (o) => {
+      Ue.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(
+        () => {
+          var r, y;
+          p.value = (r = h(p.value)) == null ? void 0 : r.filter((m) => (m == null ? void 0 : m.id) !== (o == null ? void 0 : o.id)), l("change", (y = h(v.originalItemContents)) == null ? void 0 : y.map((m) => {
+            var G;
+            return (m == null ? void 0 : m.key) === "header" && (m.contents = (G = p.value) != null && G.some((Y) => Y == null ? void 0 : Y.children) ? [p.value] : p.value), m;
+          })), je({
+            type: "success",
+            message: "删除成功"
+          });
+        }
+      ).catch(() => {
+      });
+    };
+    return ge(
+      () => v.originalItemContents,
+      () => {
+        var o, r, y, m, G, Y, me, U, H, re, xe, Z, $e, K, Te, Fe, Se, nl, ol;
+        if (!(!v.originalItemContents || v.originalItemContents.length === 0))
+          if (f.value = h(v.originalItemContents), p.value = (r = (o = f.value) == null ? void 0 : o.find((I) => (I == null ? void 0 : I.key) === "header")) == null ? void 0 : r.contents, E.value = (m = (y = f.value) == null ? void 0 : y.find((I) => (I == null ? void 0 : I.key) === "rowButton")) == null ? void 0 : m.contents, O.value = (Y = (G = f.value) == null ? void 0 : G.find((I) => (I == null ? void 0 : I.key) === "extraButton")) == null ? void 0 : Y.contents, x.value = (U = (me = f.value) == null ? void 0 : me.find((I) => (I == null ? void 0 : I.key) === "page")) != null && U.contents ? !!((re = (H = f.value) == null ? void 0 : H.find((I) => (I == null ? void 0 : I.key) === "page")) != null && re.contents) : !1, L.value = (Z = (xe = f.value) == null ? void 0 : xe.find((I) => (I == null ? void 0 : I.key) === "tableToForm")) == null ? void 0 : Z.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 = (K = p.value) != null && K.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
+          }), L.value)
+            L.value = (ol = L.value) == null ? void 0 : ol.map((I) => {
+              e.value++;
+              let Ae = I;
+              return Ae.id = e.value, Ae;
+            });
+          else {
+            let I = [];
+            const Ae = (nl = Dl(h(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
+              });
+            }), L.value = I;
+          }
+      },
+      { deep: !0, immediate: !0 }
+    ), (o, r) => {
+      const y = pe("svg-icon");
+      return A(), W("div", sa, [
+        u("div", ia, [
+          u("div", ua, [
+            r[2] || (r[2] = u("div", null, q("表头"), -1)),
+            u("div", {
+              class: "icon-content",
+              onClick: ke
+            }, [
+              j(y, {
+                name: "Plus",
+                class: "icon-size"
+              }),
+              r[1] || (r[1] = u("div", null, q("新增"), -1))
+            ])
+          ]),
+          u("div", ra, [
+            (A(!0), W(ve, null, fe(p.value, (m, G) => (A(), W("div", { key: G }, [
+              u("div", ta, [
+                u("div", ca, q(m == null ? void 0 : m.label), 1),
+                u("div", da, [
+                  j(y, {
+                    name: "ChildAdd",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (Y) => te(m)
+                  }, null, 8, ["onClick"]),
+                  j(y, {
+                    name: "ChildFix",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (Y) => we(m)
+                  }, null, 8, ["onClick"]),
+                  j(y, {
+                    name: "ChildDelete",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (Y) => Ve(m)
+                  }, null, 8, ["onClick"])
+                ])
+              ]),
+              m != null && m.children && m.children.length > 0 ? (A(), W("div", va, [
+                j(yl, {
+                  tableChildContents: m == null ? void 0 : m.children,
+                  onDeleteChange: be,
+                  onFixChange: de
+                }, null, 8, ["tableChildContents"])
+              ])) : Le("", !0)
+            ]))), 128))
+          ]),
+          u("div", pa, [
+            r[4] || (r[4] = u("div", null, q("行内按钮"), -1)),
+            u("div", {
+              class: "icon-content",
+              onClick: _e
+            }, [
+              j(y, {
+                name: "Plus",
+                class: "icon-size"
+              }),
+              r[3] || (r[3] = u("div", null, q("新增"), -1))
+            ])
+          ]),
+          u("div", fa, [
+            (A(!0), W(ve, null, fe(E.value, (m, G) => (A(), W("div", { key: G }, [
+              u("div", ha, [
+                u("div", ma, q(m == null ? void 0 : m.label), 1),
+                u("div", ya, [
+                  j(y, {
+                    name: "ChildFix",
+                    style: { width: "24px", height: "24px" },
+                    class: "svg-icon-content",
+                    onClick: (Y) => X(m)
+                  }, null, 8, ["onClick"]),
+                  j(y, {
+                    name: "ChildDelete",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (Y) => ce(m)
+                  }, null, 8, ["onClick"])
+                ])
+              ])
+            ]))), 128))
+          ]),
+          u("div", ba, [
+            r[6] || (r[6] = u("div", null, q("表外按钮"), -1)),
+            u("div", {
+              class: "icon-content",
+              onClick: M
+            }, [
+              j(y, {
+                name: "Plus",
+                class: "icon-size"
+              }),
+              r[5] || (r[5] = u("div", null, q("新增"), -1))
+            ])
+          ]),
+          u("div", Ca, [
+            (A(!0), W(ve, null, fe(O.value, (m, G) => (A(), W("div", { key: G }, [
+              u("div", ga, [
+                u("div", ka, q(m == null ? void 0 : m.label), 1),
+                u("div", _a, [
+                  j(y, {
+                    name: "ChildFix",
+                    style: { width: "24px", height: "24px" },
+                    class: "svg-icon-content",
+                    onClick: (Y) => J(m)
+                  }, null, 8, ["onClick"]),
+                  j(y, {
+                    name: "ChildDelete",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (Y) => ne(m)
+                  }, null, 8, ["onClick"])
+                ])
+              ])
+            ]))), 128))
+          ]),
+          u("div", wa, [
+            r[8] || (r[8] = u("div", null, q("表格弹框字段设置"), -1)),
+            u("div", {
+              class: "icon-content",
+              onClick: ue
+            }, [
+              j(y, {
+                name: "Plus",
+                class: "icon-size"
+              }),
+              r[7] || (r[7] = u("div", null, q("新增"), -1))
+            ])
+          ]),
+          u("div", xa, [
+            (A(!0), W(ve, null, fe(L.value, (m, G) => (A(), W("div", { key: G }, [
+              u("div", Ia, [
+                u("div", Da, q(m == null ? void 0 : m.label), 1),
+                u("div", $a, [
+                  j(y, {
+                    name: "ChildFix",
+                    style: { width: "24px", height: "24px" },
+                    class: "svg-icon-content",
+                    onClick: (Y) => n(m)
+                  }, null, 8, ["onClick"]),
+                  j(y, {
+                    name: "ChildDelete",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (Y) => C(m)
+                  }, null, 8, ["onClick"])
+                ])
+              ])
+            ]))), 128))
+          ]),
+          r[10] || (r[10] = u("div", { class: "operate-title" }, [
+            u("div", null, q("分页"))
+          ], -1)),
+          u("div", Ta, [
+            u("div", Ea, [
+              r[9] || (r[9] = u("div", { class: "operate-center-content" }, q("是否分页"), -1)),
+              j(cl, {
+                modelValue: x.value,
+                "onUpdate:modelValue": r[0] || (r[0] = (m) => x.value = m)
+              }, null, 8, ["modelValue"])
+            ])
+          ])
+        ]),
+        j(De, {
+          visible: k.value,
+          onBeforeDestroy: Oe,
+          width: 840
+        }, {
+          default: ee(() => [
+            u("div", Ba, [
+              (A(), he(Ie, {
+                rowContents: w.value,
+                key: w.value,
+                isEnableWrap: !0,
+                onChange: oe
+              }, null, 8, ["rowContents"]))
+            ])
+          ]),
+          footer: ee(() => [
+            u("div", { class: "dialog-footer" }, [
+              u("div", {
+                onClick: Oe,
+                class: "cancel-button button"
+              }, q("取消")),
+              u("div", {
+                class: "ok-button button",
+                onClick: Be
+              }, q("确认"))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"]),
+        j(De, {
+          visible: T.value,
+          onBeforeDestroy: Q,
+          width: 840
+        }, {
+          default: ee(() => [
+            u("div", Fa, [
+              (A(), he(Ie, {
+                rowContents: t.value,
+                key: t.value,
+                isEnableWrap: !0,
+                onChange: P
+              }, null, 8, ["rowContents"]))
+            ])
+          ]),
+          footer: ee(() => [
+            u("div", { class: "dialog-footer" }, [
+              u("div", {
+                onClick: Q,
+                class: "cancel-button button"
+              }, q("取消")),
+              u("div", {
+                class: "ok-button button",
+                onClick: se
+              }, q("确认"))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"]),
+        j(De, {
+          visible: R.value,
+          onBeforeDestroy: ie,
+          width: 840
+        }, {
+          default: ee(() => [
+            u("div", Aa, [
+              (A(), he(Ie, {
+                rowContents: a.value,
+                key: a.value,
+                isEnableWrap: !0,
+                onChange: _
+              }, null, 8, ["rowContents"]))
+            ])
+          ]),
+          footer: ee(() => [
+            u("div", { class: "dialog-footer" }, [
+              u("div", {
+                onClick: ie,
+                class: "cancel-button button"
+              }, q("取消")),
+              u("div", {
+                class: "ok-button button",
+                onClick: D
+              }, q("确认"))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"]),
+        j(De, {
+          visible: V.value,
+          onBeforeDestroy: $,
+          width: 840
+        }, {
+          default: ee(() => [
+            u("div", Oa, [
+              (A(), he(Ie, {
+                rowContents: s.value,
+                key: s.value,
+                isEnableWrap: !0,
+                onChange: ae
+              }, null, 8, ["rowContents"]))
+            ])
+          ]),
+          footer: ee(() => [
+            u("div", { class: "dialog-footer" }, [
+              u("div", {
+                onClick: $,
+                class: "cancel-button button"
+              }, q("取消")),
+              u("div", {
+                class: "ok-button button",
+                onClick: g
+              }, q("确认"))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ]);
+    };
+  }
+}, Sa = /* @__PURE__ */ ye(La, [["__scopeId", "data-v-14ead5ff"]]), 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(b, { emit: F }) {
+    const v = b, l = F, f = B(!1), k = B([]), V = B([]), p = B(!1), T = B([]), w = B([]), x = B(""), z = B(!1), N = B(0), S = B([]), E = B([]), O = async (n) => {
+      var g, J, ne, D, _, ie;
+      f.value = !0;
+      let C = [];
+      const $ = await ((ne = (J = (g = Ce) == null ? void 0 : g.find((X) => (X == null ? void 0 : X.key) === ((n == null ? void 0 : n.type) === "" ? "Input" : n == null ? void 0 : n.type))) == null ? void 0 : J.value) == null ? void 0 : ne.value) ?? ((_ = (D = Ce) == null ? void 0 : D.find((X) => (X == null ? void 0 : X.key) === ((n == null ? void 0 : n.type) === "" ? "Input" : n == null ? void 0 : n.type))) == null ? void 0 : _.value);
+      if ($ == null || $.forEach((X) => {
+        N.value++, C.push({
+          label: X == null ? void 0 : X.label,
+          name: X == null ? void 0 : X.label,
+          type: X.type,
+          value: (X == null ? void 0 : X.label) === "类型" && n[X.key] === "" ? "Input" : n[X.key],
+          id: N.value,
+          contents: X == null ? void 0 : X.options
+        });
+      }), n != null && n.menuSelect && ((ie = n == null ? void 0 : n.menuSelect) == null ? void 0 : ie.length) > 0) {
+        const X = await Ye(n == null ? void 0 : n.menuSelect);
+        C = C == null ? void 0 : C.map((ce) => ((ce == null ? void 0 : ce.name) === "组信息选项" && (ce.contents = X), ce));
+      }
+      x.value = n == null ? void 0 : n.id, k.value = await Je(qe(C)), V.value = await Je(qe(C));
+    }, t = (n) => {
+      var $;
+      p.value = !0;
+      let C = [];
+      ($ = Ze) == null || $.forEach((g) => {
+        N.value++, C.push({
+          label: g == null ? void 0 : g.label,
+          name: g == null ? void 0 : g.label,
+          type: g.type,
+          value: (g == null ? void 0 : g.label) === "类型" && n[g.key] === "" ? "normal" : n[g.key],
+          id: N.value,
+          contents: g == null ? void 0 : g.options
+        });
+      }), S.value = C, E.value = C, x.value = n == null ? void 0 : n.id;
+    };
+    ge(
+      () => z.value,
+      () => {
+        var C, $;
+        let n = h(v.originalItemContents);
+        (C = h(v.originalItemContents)) != null && C.find((g) => (g == null ? void 0 : g.key) === "enableWrap") ? n = ($ = h(v.originalItemContents)) == null ? void 0 : $.map((g) => ((g == null ? void 0 : g.key) === "enableWrap" && (g.contents = !z.value), g)) : n.push({
+          key: "enableWrap",
+          contents: !z.value
+        }), l("change", n);
+      },
+      { deep: !0 }
+    );
+    const c = () => {
+      var $, g, J, ne, D;
+      S.value = E.value;
+      let n = {};
+      if (x.value !== "" ? n.id = x.value : (N.value++, n.id = "id" + N.value), ($ = S.value) == null || $.forEach((_) => {
+        var X;
+        const ie = (X = Ze) == null ? void 0 : X.find((ce) => (ce == null ? void 0 : ce.label) === (_ == null ? void 0 : _.label));
+        ie && (n[ie.key] = _.value);
+      }), (g = T.value) != null && g.find((_) => _.id === n.id))
+        T.value = (J = T.value) == null ? void 0 : J.map((_) => (_.id === n.id && (_ = n), _));
+      else {
+        let _ = h(T.value);
+        T.value || (T.value = []), _.push(n), T.value = _;
+      }
+      p.value = !1, x.value = "";
+      let C = h(v.originalItemContents);
+      (ne = h(v.originalItemContents)) != null && ne.find((_) => (_ == null ? void 0 : _.key) === "formButton") ? C = (D = h(v.originalItemContents)) == null ? void 0 : D.map((_) => ((_ == null ? void 0 : _.key) === "formButton" && (_.contents = T.value), _)) : C.push({
+        key: "formButton",
+        contents: T.value
+      }), l("change", C);
+    }, R = (n) => {
+      Ue.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(
+        () => {
+          var C, $;
+          w.value = (C = h(w.value)) == null ? void 0 : C.filter((g) => (g == null ? void 0 : g.id) !== (n == null ? void 0 : n.id)), l("change", ($ = h(v.originalItemContents)) == null ? void 0 : $.map((g) => ((g == null ? void 0 : g.key) === "formContent" && (g.contents = w.value), g))), je({
+            type: "success",
+            message: "删除成功"
+          });
+        }
+      ).catch(() => {
+      });
+    }, a = (n) => {
+      Ue.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(
+        () => {
+          var C, $;
+          T.value = (C = h(T.value)) == null ? void 0 : C.filter((g) => (g == null ? void 0 : g.id) !== (n == null ? void 0 : n.id)), l("change", ($ = h(v.originalItemContents)) == null ? void 0 : $.map((g) => ((g == null ? void 0 : g.key) === "formButton" && (g.contents = T.value), g))), je({
+            type: "success",
+            message: "删除成功"
+          });
+        }
+      ).catch(() => {
+      });
+    }, i = () => {
+      var C;
+      p.value = !0;
+      let n = [];
+      (C = Ze) == null || C.forEach(($) => {
+        N.value++, n.push({
+          label: $ == null ? void 0 : $.label,
+          name: $ == null ? void 0 : $.label,
+          type: $.type,
+          value: ($ == null ? void 0 : $.label) === "类型" ? "normal" : "",
+          id: N.value,
+          contents: $ == null ? void 0 : $.options
+        });
+      }), S.value = n, E.value = n;
+    }, e = () => {
+      var C, $, g;
+      f.value = !0;
+      let n = [];
+      (g = ($ = (C = Ce) == null ? void 0 : C.find((J) => (J == null ? void 0 : J.key) === "Input")) == null ? void 0 : $.value) == null || g.forEach((J) => {
+        N.value++, n.push({
+          label: J == null ? void 0 : J.label,
+          name: J == null ? void 0 : J.label,
+          type: J.type,
+          value: (J == null ? void 0 : J.label) === "类型" ? "Input" : "",
+          id: N.value,
+          contents: J == null ? void 0 : J.options
+        });
+      }), k.value = n, V.value = n;
+    }, s = (n) => {
+      let C = h(E.value);
+      C = C == null ? void 0 : C.map(($) => ($.value = n == null ? void 0 : n[$.name], $)), E.value = C;
+    }, d = async (n) => {
+      var C, $, g, J, ne, D, _, ie, X, ce, ke, _e;
+      if ((n == null ? void 0 : n.类型) !== (($ = (C = V.value) == null ? void 0 : C.find((P) => (P == null ? void 0 : P.label) === "类型")) == null ? void 0 : $.value)) {
+        let P = [];
+        const se = await ((ne = (J = (g = Ce) == null ? void 0 : g.find((Q) => (Q == null ? void 0 : Q.key) === ((n == null ? void 0 : n.类型) === "" ? "Input" : n == null ? void 0 : n.类型))) == null ? void 0 : J.value) == null ? void 0 : ne.value) ? await ((ce = (X = (ie = Ce) == null ? void 0 : ie.find((Q) => (Q == null ? void 0 : Q.key) === ((n == null ? void 0 : n.类型) === "" ? "Input" : n == null ? void 0 : n.类型))) == null ? void 0 : X.value) == null ? void 0 : ce.value) : (_ = (D = Ce) == null ? void 0 : D.find((Q) => (Q == null ? void 0 : Q.key) === ((n == null ? void 0 : n.类型) === "" ? "Input" : n == null ? void 0 : n.类型))) == null ? void 0 : _.value;
+        if (se == null || se.forEach((Q) => {
+          N.value++, P.push({
+            label: Q == null ? void 0 : Q.label,
+            name: Q == null ? void 0 : Q.label,
+            type: Q.type,
+            value: (n == null ? void 0 : n[Q.label]) ?? "",
+            id: N.value,
+            contents: Q == null ? void 0 : Q.options
+          });
+        }), n != null && n.菜单选项 && ((ke = n == null ? void 0 : n.菜单选项) == null ? void 0 : ke.length) > 0) {
+          const Q = await Ye(n == null ? void 0 : n.菜单选项);
+          P = P == null ? void 0 : P.map((te) => ((te == null ? void 0 : te.name) === "组信息选项" && (te.contents = Q), te));
+        }
+        V.value = await Je(h(P)), k.value = await Je(h(P));
+      } else {
+        let P = h(V.value);
+        if (P = P == null ? void 0 : P.map((se) => (se.value = n == null ? void 0 : n[se.name], se)), n != null && n.菜单选项 && ((_e = n == null ? void 0 : n.菜单选项) == null ? void 0 : _e.length) > 0) {
+          const se = await Ye(n == null ? void 0 : n.菜单选项);
+          P = P == null ? void 0 : P.map((Q) => ((Q == null ? void 0 : Q.name) === "组信息选项" && (Q.contents = se), Q));
+        }
+        P = qe(P), V.value = await Je(h(P));
+      }
+    }, L = (n) => {
+      n || (k.value = V.value);
+    }, M = async (n) => {
+    }, ue = async () => {
+      var g, J, ne, D, _, ie, X, ce, ke, _e;
+      k.value = V.value;
+      let n = {};
+      x.value !== "" ? n.id = x.value : (N.value++, n.id = "id" + N.value);
+      let C = await ((ne = (J = (g = Ce) == null ? void 0 : g.find((P) => {
+        var se, Q;
+        return (P == null ? void 0 : P.key) === (((Q = (se = k.value) == null ? void 0 : se.find((te) => (te == null ? void 0 : te.label) === "类型")) == null ? void 0 : Q.value) ?? "label");
+      })) == null ? void 0 : J.value) == null ? void 0 : ne.value) ?? ((_ = (D = Ce) == null ? void 0 : D.find((P) => {
+        var se, Q;
+        return (P == null ? void 0 : P.key) === (((Q = (se = k.value) == null ? void 0 : se.find((te) => (te == null ? void 0 : te.label) === "类型")) == null ? void 0 : Q.value) ?? "label");
+      })) == null ? void 0 : _.value);
+      if ((ie = k.value) == null || ie.forEach((P) => {
+        const se = C == null ? void 0 : C.find((Q) => (Q == null ? void 0 : Q.label) === (P == null ? void 0 : P.label));
+        se && (n[se.key] = P.value);
+      }), n.width = 1, n.key = n == null ? void 0 : n.label, (X = w.value) != null && X.find((P) => P.id === n.id))
+        w.value = (ce = w.value) == null ? void 0 : ce.map((P) => (P.id === n.id && (P = n), P));
+      else {
+        let P = h(w.value);
+        P.push(n), w.value = P;
+      }
+      w.value = w.value.map(({ id: P, ...se }) => se), f.value = !1, x.value = "";
+      let $ = h(v.originalItemContents);
+      (ke = h(v.originalItemContents)) != null && ke.find((P) => (P == null ? void 0 : P.key) === "formContent") ? $ = (_e = h(v.originalItemContents)) == null ? void 0 : _e.map((P) => ((P == null ? void 0 : P.key) === "formContent" && (P.contents = w.value), P)) : $.push({
+        key: "formContent",
+        contents: w.value
+      }), l("change", $);
+    }, ae = () => {
+      f.value = !1, p.value = !1, x.value = "", V.value = [], E.value = [];
+    };
+    return ge(
+      () => v.originalItemContents,
+      () => {
+        var C, $, g, J, ne, D;
+        if (!v.originalItemContents || v.originalItemContents.length === 0) return;
+        const n = h(v.originalItemContents);
+        w.value = ((C = n == null ? void 0 : n.find((_) => (_ == null ? void 0 : _.key) === "formContent")) == null ? void 0 : C.contents) ?? [], T.value = (($ = n == null ? void 0 : n.find((_) => (_ == null ? void 0 : _.key) === "formButton")) == null ? void 0 : $.contents) ?? [], z.value = (g = n == null ? void 0 : n.find((_) => (_ == null ? void 0 : _.key) === "enableWrap")) != null && g.contents ? !((J = n == null ? void 0 : n.find((_) => (_ == null ? void 0 : _.key) === "enableWrap")) != null && J.contents) : !0, w.value = (ne = h(w.value)) == null ? void 0 : ne.map((_, ie) => {
+          let X = _;
+          return X.id = (_ == null ? void 0 : _.id) ?? ie, _ != null && _.label || (_.label = (_ == null ? void 0 : _.key) ?? (_ == null ? void 0 : _.label) ?? ""), _ != null && _.type || (_.type = (_ == null ? void 0 : _.type) ?? ""), _.contents = (_ == null ? void 0 : _.options) ?? "", X;
+        }), w.value = qe(w.value), T.value = (D = T.value) == null ? void 0 : D.map((_, ie) => _ = {
+          label: (_ == null ? void 0 : _.label) ?? "",
+          type: (_ == null ? void 0 : _.type) ?? "",
+          background: (_ == null ? void 0 : _.background) ?? "var(--ssComponent-primary-color)",
+          id: ie
+        });
+      },
+      { deep: !0, immediate: !0 }
+    ), (n, C) => {
+      const $ = pe("svg-icon");
+      return A(), W("div", Va, [
+        u("div", Ra, [
+          u("div", Na, [
+            C[2] || (C[2] = u("div", null, q("表单内容"), -1)),
+            u("div", {
+              class: "icon-content",
+              onClick: e
+            }, [
+              j($, {
+                name: "Plus",
+                class: "icon-size"
+              }),
+              C[1] || (C[1] = u("div", null, q("新增"), -1))
+            ])
+          ]),
+          u("div", ja, [
+            (A(!0), W(ve, null, fe(w.value, (g, J) => (A(), W("div", { key: J }, [
+              u("div", Ua, [
+                u("div", null, q(g.label), 1),
+                u("div", Pa, [
+                  j($, {
+                    name: "ChildFix",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (ne) => O(g)
+                  }, null, 8, ["onClick"]),
+                  j($, {
+                    name: "ChildDelete",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (ne) => R(g)
+                  }, null, 8, ["onClick"])
+                ])
+              ])
+            ]))), 128))
+          ]),
+          u("div", Wa, [
+            C[4] || (C[4] = u("div", null, q("表单按钮"), -1)),
+            u("div", {
+              class: "icon-content",
+              onClick: i
+            }, [
+              j($, {
+                name: "Plus",
+                class: "icon-size"
+              }),
+              C[3] || (C[3] = u("div", null, q("新增"), -1))
+            ])
+          ]),
+          u("div", za, [
+            (A(!0), W(ve, null, fe(T.value, (g, J) => (A(), W("div", { key: J }, [
+              u("div", Ma, [
+                u("div", null, q(g.label), 1),
+                u("div", Ka, [
+                  j($, {
+                    name: "ChildFix",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (ne) => t(g)
+                  }, null, 8, ["onClick"]),
+                  j($, {
+                    name: "ChildDelete",
+                    class: "svg-icon-content",
+                    style: { width: "24px", height: "24px" },
+                    onClick: (ne) => a(g)
+                  }, null, 8, ["onClick"])
+                ])
+              ])
+            ]))), 128))
+          ]),
+          C[6] || (C[6] = u("div", { class: "operate-title" }, [
+            u("div", null, q("表单布局"))
+          ], -1)),
+          u("div", Ja, [
+            C[5] || (C[5] = u("div", { class: "operate-center-content" }, q("是否自动撑宽"), -1)),
+            j(cl, {
+              modelValue: z.value,
+              "onUpdate:modelValue": C[0] || (C[0] = (g) => z.value = g)
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        j(De, {
+          visible: f.value,
+          onBeforeDestroy: ae,
+          width: 840
+        }, {
+          default: ee(() => [
+            u("div", Ga, [
+              (A(), he(Ie, {
+                rowContents: k.value,
+                key: k.value,
+                isEnableWrap: !0,
+                onChange: d,
+                onChangeVisible: L,
+                onBlurChange: M
+              }, null, 8, ["rowContents"]))
+            ])
+          ]),
+          footer: ee(() => [
+            u("div", { class: "dialog-footer" }, [
+              u("div", {
+                onClick: ae,
+                class: "cancel-button button"
+              }, q("取消")),
+              u("div", {
+                class: "ok-button button",
+                onClick: ue
+              }, q("确认"))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"]),
+        j(De, {
+          visible: p.value,
+          onBeforeDestroy: ae,
+          width: 840
+        }, {
+          default: ee(() => [
+            u("div", qa, [
+              (A(), he(Ie, {
+                rowContents: S.value,
+                key: S.value,
+                isEnableWrap: !0,
+                onChange: s
+              }, null, 8, ["rowContents"]))
+            ])
+          ]),
+          footer: ee(() => [
+            u("div", { class: "dialog-footer" }, [
+              u("div", {
+                onClick: ae,
+                class: "cancel-button button"
+              }, q("取消")),
+              u("div", {
+                class: "ok-button button",
+                onClick: c
+              }, q("确认"))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ]);
+    };
+  }
+}, rl = /* @__PURE__ */ ye(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(b, { emit: F }) {
+    const v = b, l = F, f = 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
+      }
+    ]), k = 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: "步骤条"
+    }), T = B("create"), w = B({}), x = B([]), z = (t) => {
+      var c;
+      w.value = t, l("change", (c = E()) == null ? void 0 : c.compData);
+    }, N = (t, c) => {
+      var R, a;
+      switch (t) {
+        case "create":
+          (R = k.value) == null || R.forEach((i) => {
+            i.value = "";
+          }), T.value = "create", p.visible = !0;
+          break;
+        case "update":
+          (a = k.value) == null || a.forEach((i) => {
+            i.value = c[i == null ? void 0 : i.prop];
+          }), T.value = "update", p.visible = !0;
+          break;
+        case "delete":
+          x.value.splice(c, 1), T.value = "delete";
+          break;
+      }
+    }, S = (t) => {
+      var c, R, a;
+      if ((t == null ? void 0 : t.buttonName) === "确认") {
+        const i = h(t == null ? void 0 : t.content);
+        switch (Object.keys(i).forEach((e) => {
+          i[e] === "" && delete i[e];
+        }), T.value) {
+          case "create":
+            x.value.push({
+              ...i,
+              index: ((c = x.value) == null ? void 0 : c.length) + 1
+            });
+            break;
+          case "update":
+            x.value = (R = x.value) == null ? void 0 : R.map((e) => e.index === (i == null ? void 0 : i.index) ? {
+              ...e,
+              title: i == null ? void 0 : i.title,
+              description: i == null ? void 0 : i.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: x.value
+        },
+        {
+          key: "stepConfig",
+          contents: w.value
+        }
+      ]
+    }), O = () => {
+      p.visible = !1;
+    };
+    return ge(() => v == null ? void 0 : v.itemContents, (t) => {
+      var c, R;
+      t && (w.value = ((c = t == null ? void 0 : t.find((a) => a.key === "stepConfig")) == null ? void 0 : c.contents) ?? {}, x.value = ((R = t == null ? void 0 : t.find((a) => a.key === "stepList")) == null ? void 0 : R.contents) ?? []);
+    }, { immediate: !0 }), (t, c) => {
+      const R = pe("svg-icon"), a = pe("el-button");
+      return A(), W(ve, null, [
+        u("div", null, [
+          u("div", Qa, [
+            c[2] || (c[2] = u("h4", { class: "module-title" }, "内容", -1)),
+            u("div", {
+              class: "module-icon",
+              onClick: c[0] || (c[0] = (i) => N("create"))
+            }, [
+              j(R, {
+                name: "Plus",
+                class: "icon-size"
+              }),
+              c[1] || (c[1] = u("div", null, "新增", -1))
+            ])
+          ]),
+          u("div", Xa, [
+            (A(!0), W(ve, null, fe(x.value, (i, e) => (A(), W("div", {
+              class: "module-data-item",
+              key: e
+            }, [
+              u("span", null, q(i == null ? void 0 : i.title), 1),
+              u("div", null, [
+                j(a, {
+                  type: "primary",
+                  size: "small",
+                  onClick: (s) => N("update", { ...i, index: e + 1 })
+                }, {
+                  default: ee(() => c[3] || (c[3] = [
+                    Pe("修改")
+                  ])),
+                  _: 2,
+                  __: [3]
+                }, 1032, ["onClick"]),
+                j(a, {
+                  type: "danger",
+                  size: "small",
+                  onClick: (s) => N("delete", e)
+                }, {
+                  default: ee(() => c[4] || (c[4] = [
+                    Pe("删除")
+                  ])),
+                  _: 2,
+                  __: [4]
+                }, 1032, ["onClick"])
+              ])
+            ]))), 128))
+          ]),
+          u("div", Ya, [
+            c[5] || (c[5] = u("div", { class: "module-title" }, "布局", -1)),
+            j(Ie, {
+              rowContents: f.value,
+              onChange: z
+            }, null, 8, ["rowContents"])
+          ])
+        ]),
+        j(De, {
+          visible: p.visible,
+          title: p.title,
+          onBeforeDestroy: O,
+          width: p.width
+        }, {
+          default: ee(() => [
+            u("div", Za, [
+              (A(), he(Ie, {
+                rowContents: k.value,
+                key: k.value,
+                isEnableWrap: !1,
+                isButtonRow: !1,
+                isStartJustify: !1,
+                buttonValue: V.value,
+                onOnButtonClick: S
+              }, null, 8, ["rowContents", "buttonValue"]))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible", "title", "width"])
+      ], 64);
+    };
+  }
+}), ln = /* @__PURE__ */ ye(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(b, { emit: F }) {
+    const v = b, l = F, f = B("create"), k = 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
+      }
+    ]), T = B([
+      {
+        label: "",
+        prop: "index",
+        type: "input",
+        value: "",
+        isFormColHidden: !0
+      },
+      {
+        label: "内容",
+        prop: "content",
+        type: "input",
+        value: ""
+      },
+      {
+        label: "时间戳",
+        prop: "timestamp",
+        type: "datetime",
+        value: ""
+      }
+    ]), w = B([
+      {
+        label: "取消",
+        background: "#c0c4cc"
+      },
+      {
+        label: "确认",
+        background: "#436aaf"
+      }
+    ]), x = el({
+      visible: !1,
+      width: "40%",
+      title: "时间线"
+    }), z = (t) => {
+      var c;
+      k.value = t, console.log(1212, t), l("change", (c = E()) == null ? void 0 : c.compData);
+    }, N = (t, c) => {
+      var R, a;
+      switch (t) {
+        case "create":
+          (R = T.value) == null || R.forEach((i) => {
+            i.value = "";
+          }), f.value = "create", x.visible = !0;
+          break;
+        case "update":
+          (a = T.value) == null || a.forEach((i) => {
+            i.value = c[i == null ? void 0 : i.prop];
+          }), f.value = "update", x.visible = !0;
+          break;
+        case "delete":
+          V.value.splice(c, 1), f.value = "delete";
+          break;
+      }
+    }, S = (t) => {
+      var c, R, a, i;
+      if ((t == null ? void 0 : t.buttonName) === "确认") {
+        const e = h(t == null ? void 0 : t.content);
+        switch (Object.keys(e).forEach((s) => {
+          e[s] === "" && delete e[s];
+        }), f.value) {
+          case "create":
+            console.log(1335, V.value, e), (R = V.value) == null || R.push({
+              ...e,
+              index: ((c = V.value) == null ? void 0 : c.length) + 1
+            });
+            break;
+          case "update":
+            V.value = (a = V.value) == null ? void 0 : a.map((s) => s.index === (e == null ? void 0 : e.index) ? {
+              ...s,
+              content: e == null ? void 0 : e.content,
+              timestamp: e == null ? void 0 : e.timestamp
+            } : s);
+            break;
+        }
+        l("change", (i = E()) == null ? void 0 : i.compData), x.visible = !1;
+      } else
+        x.visible = !1;
+    }, E = () => ({
+      comp: "TimeLine",
+      compData: [
+        {
+          key: "timeLineList",
+          contents: V.value
+        },
+        {
+          key: "timeLineConfig",
+          contents: k.value
+        }
+      ]
+    }), O = () => {
+      x.visible = !1;
+    };
+    return ge(() => v == null ? void 0 : v.itemContents, (t) => {
+      var c, R;
+      t && (k.value = ((c = t == null ? void 0 : t.find((a) => a.key === "timeLineConfig")) == null ? void 0 : c.contents) ?? {}, V.value = ((R = t == null ? void 0 : t.find((a) => a.key === "timeLineList")) == null ? void 0 : R.contents) ?? []);
+    }, { immediate: !0 }), (t, c) => {
+      const R = pe("svg-icon"), a = pe("el-button");
+      return A(), W(ve, null, [
+        u("div", null, [
+          u("div", an, [
+            c[2] || (c[2] = u("h4", { class: "module-title" }, "内容", -1)),
+            u("div", {
+              class: "module-icon",
+              onClick: c[0] || (c[0] = (i) => N("create"))
+            }, [
+              j(R, {
+                name: "Plus",
+                class: "icon-size"
+              }),
+              c[1] || (c[1] = u("div", null, "新增", -1))
+            ])
+          ]),
+          u("div", nn, [
+            (A(!0), W(ve, null, fe(V.value, (i, e) => (A(), W("div", {
+              class: "module-data-item",
+              key: e
+            }, [
+              u("span", null, q(i == null ? void 0 : i.content), 1),
+              u("div", null, [
+                j(a, {
+                  type: "primary",
+                  size: "small",
+                  onClick: (s) => N("update", { ...i, index: e + 1 })
+                }, {
+                  default: ee(() => c[3] || (c[3] = [
+                    Pe("修改")
+                  ])),
+                  _: 2,
+                  __: [3]
+                }, 1032, ["onClick"]),
+                j(a, {
+                  type: "danger",
+                  size: "small",
+                  onClick: (s) => N("delete", e)
+                }, {
+                  default: ee(() => c[4] || (c[4] = [
+                    Pe("删除")
+                  ])),
+                  _: 2,
+                  __: [4]
+                }, 1032, ["onClick"])
+              ])
+            ]))), 128))
+          ]),
+          u("div", on, [
+            c[5] || (c[5] = u("div", { class: "module-title" }, "布局", -1)),
+            j(Ie, {
+              rowContents: p.value,
+              onChange: z
+            }, null, 8, ["rowContents"])
+          ])
+        ]),
+        j(De, {
+          visible: x.visible,
+          title: x.title,
+          onBeforeDestroy: O,
+          width: x.width
+        }, {
+          default: ee(() => [
+            u("div", sn, [
+              (A(), he(Ie, {
+                rowContents: T.value,
+                key: T.value,
+                isEnableWrap: !1,
+                isButtonRow: !1,
+                isStartJustify: !1,
+                buttonValue: w.value,
+                onOnButtonClick: S
+              }, null, 8, ["rowContents", "buttonValue"]))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible", "title", "width"])
+      ], 64);
+    };
+  }
+}), rn = /* @__PURE__ */ ye(un, [["__scopeId", "data-v-40aea043"]]), tn = {};
+function cn(b, F) {
+  return A(), W("div");
+}
+const dn = /* @__PURE__ */ ye(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(b, { emit: F }) {
+    const v = b, l = B(0), f = B(), k = B(), V = F, p = B(!1), T = B({}), w = B({}), x = B();
+    ge(
+      () => [v.itemData],
+      () => {
+        var i;
+        const a = h(v.itemData);
+        f.value = (i = h(a)) == null ? void 0 : i.map((e) => {
+          var s;
+          if (e.key === "extra") {
+            let d = [];
+            (s = e.value) == null || s.forEach((L) => {
+              var M;
+              d.push((M = Object.values(L)) == null ? void 0 : M[0]);
+            }), e.value = d;
+          }
+          return e;
+        });
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const z = (a, i, e, s) => {
+      var L;
+      let d = {};
+      ((L = a == null ? void 0 : a[0]) == null ? void 0 : L.contents) === "详情" && (p.value = !0, d[i] = a, k.value = a == null ? void 0 : a.filter((M) => (M == null ? void 0 : M.key) !== "tableContentName"), T.value = d, w.value = e, x.value = s.id);
+    }, N = (a) => {
+      var M, ue, ae, n;
+      const i = (ue = (M = Object.values(h(T.value))) == null ? void 0 : M[0]) == null ? void 0 : ue.filter((C) => (C == null ? void 0 : C.key) === "tableContentName"), e = (n = (ae = Object.values(h(T.value))) == null ? void 0 : ae[0]) == null ? void 0 : n.filter((C) => (C == null ? void 0 : C.key) !== "tableContentName"), s = e == null ? void 0 : e.map((C, $) => {
+        var g;
+        return $ === a.index && (C == null ? void 0 : C.comp) === "Table" && (C.compData = (g = C.compData) == null ? void 0 : g.map((J) => {
+          var ne, D;
+          return (J == null ? void 0 : J.key) === "tableContents" && (J.contents = (D = (ne = a.content) == null ? void 0 : ne.map((_) => {
+            let ie = {};
+            for (let X in _)
+              X !== "id" && (ie[X] = _[X]);
+            return ie;
+          })) == null ? void 0 : D.map((_) => Object.values(_))), J;
+        })), C;
+      });
+      s.unshift(i == null ? void 0 : i[0]);
+      let d = h(T.value), L = {};
+      for (let C in d)
+        L[C] = s;
+      T.value = L;
+    }, S = () => {
+      p.value = !1, T.value = {}, w.value = {}, x.value = void 0, l.value++;
+    }, E = (a) => {
+      var M, ue, ae, n;
+      const i = (ue = (M = Object.values(h(T.value))) == null ? void 0 : M[0]) == null ? void 0 : ue.filter((C) => (C == null ? void 0 : C.key) === "tableContentName"), e = (n = (ae = Object.values(h(T.value))) == null ? void 0 : ae[0]) == null ? void 0 : n.filter((C) => (C == null ? void 0 : C.key) !== "tableContentName"), s = e == null ? void 0 : e.map((C, $) => ($ === a.index && (C.compData = a.contents), C));
+      s.unshift(i == null ? void 0 : i[0]);
+      let d = h(T.value), L = {};
+      for (let C in d)
+        L[C] = s;
+      T.value = L;
+    }, O = () => {
+      var i, e;
+      let a = {};
+      for (let s in w.value)
+        s === ((i = Object.keys(T.value)) == null ? void 0 : i[0]) ? a[s] = (e = Object.values(T.value)) == null ? void 0 : e[0] : a[s] = w.value[s];
+      V("change", {
+        buttonName: "编辑",
+        index: x.value,
+        singleContent: a
+      }, "methodData"), p.value = !1, T.value = {}, w.value = {}, x.value = void 0;
+    }, t = () => {
+      p.value = !1, T.value = {}, w.value = {}, x.value = void 0;
+    }, c = (a) => {
+      V("change", a, "methodData");
+    }, R = (a) => al(a);
+    return (a, i) => (A(), W("div", vn, [
+      (A(!0), W(ve, null, fe(f.value, (e, s) => (A(), W("div", { key: l.value }, [
+        (e == null ? void 0 : e.key) === "extra" ? (A(), W("div", pn)) : (A(), W("div", fn, [
+          (A(), he(Ge(R(e.comp)), {
+            itemData: e == null ? void 0 : e.compData,
+            childItemData: e == null ? void 0 : e.itemChildData,
+            key: s,
+            index: (e == null ? void 0 : e.id) ?? s,
+            onContentClick: z,
+            onChange: c
+          }, null, 40, ["itemData", "childItemData", "index"]))
+        ]))
+      ]))), 128)),
+      j(De, {
+        visible: p.value,
+        onBeforeDestroy: t
+      }, {
+        default: ee(() => [
+          (A(!0), W(ve, null, fe(k.value, (e, s) => (A(), W("div", {
+            key: s,
+            class: "extra-dialog"
+          }, [
+            (A(), he(Ge(R(e.comp)), {
+              itemData: e == null ? void 0 : e.compData,
+              onChange: N,
+              childItemData: e == null ? void 0 : e.itemChildData,
+              key: s,
+              onContentChange: E,
+              index: (e == null ? void 0 : e.id) ?? s,
+              class: "extra-component"
+            }, null, 40, ["itemData", "childItemData", "index"]))
+          ]))), 128))
+        ]),
+        footer: ee(() => [
+          u("div", { class: "dialog-footer" }, [
+            u("div", {
+              class: "cancel-button footer-button",
+              onClick: S
+            }, q("取消")),
+            u("div", {
+              class: "confirm-button footer-button",
+              onClick: O
+            }, q("确认"))
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"])
+    ]));
+  }
+}, mn = /* @__PURE__ */ ye(hn, [["__scopeId", "data-v-b0b2f71f"]]), yn = { class: "method-content" }, bn = ["onClick"], Cn = {
+  __name: "index",
+  props: {
+    itemData: {
+      type: Array,
+      default: () => []
+    },
+    childItemData: {
+      type: Array,
+      default: () => []
+    },
+    index: Number,
+    changedContent: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  setup(b) {
+    const F = B([]), v = b, l = Fl(We), { itemData: f, isEdit: k } = Me(l), V = (w, x) => {
+      var N;
+      const z = (N = x == null ? void 0 : x[0]) == null ? void 0 : N.children;
+      return w == null ? void 0 : w.map((S) => {
+        var E;
+        return S = (E = S == null ? void 0 : S.map((O, t) => {
+          var c;
+          return {
+            key: (c = z[t]) == null ? void 0 : c.label,
+            value: O
+          };
+        })) == null ? void 0 : E.filter((O) => O.key), S;
+      });
+    };
+    ge(
+      () => f.value,
+      async () => {
+        k.value == "view" && await T(h(v.itemData));
+      },
+      { deep: !0 }
+    );
+    const p = async (w) => {
+      var a, i, e, s, d, L;
+      let x = {};
+      if ((a = h(w.content)) == null || a.forEach((M, ue) => {
+        var ae, n, C, $, g, J, ne, D, _, ie, X, ce, ke, _e, P, se, Q;
+        if ((M == null ? void 0 : M.comp) === "Table") {
+          let te = ($ = (C = (n = (ae = M == null ? void 0 : M.compData) == null ? void 0 : ae.find((oe) => (oe == null ? void 0 : oe.key) === "header")) == null ? void 0 : n.contents) == null ? void 0 : C[0]) == null ? void 0 : $.some((oe) => oe == null ? void 0 : oe.children), be = (ne = (J = (g = M == null ? void 0 : M.compData) == null ? void 0 : g.find((oe) => (oe == null ? void 0 : oe.key) === "tableContents")) == null ? void 0 : J.contents) == null ? void 0 : ne.map((oe) => oe.slice(1)), de = (ce = (X = (ie = (_ = (D = M == null ? void 0 : M.compData) == null ? void 0 : D.find((oe) => (oe == null ? void 0 : oe.key) === "header")) == null ? void 0 : _.contents) == null ? void 0 : ie[0]) == null ? void 0 : X[0]) == null ? void 0 : ce.label, we = (P = (_e = (ke = M == null ? void 0 : M.compData) == null ? void 0 : ke.find((oe) => (oe == null ? void 0 : oe.key) === "header")) == null ? void 0 : _e.contents) == null ? void 0 : P[0];
+          if (te)
+            x[de] = V(be, we);
+          else {
+            const oe = [];
+            we = we.slice(1, we.length - 1), we == null || we.forEach((Oe, Be) => {
+              be == null || be.forEach((Ve) => {
+                oe.push({
+                  key: Oe.label + Ve[0],
+                  value: Ve[Be + 1]
+                });
+              });
+            }), x["form" + ue] = oe;
+          }
+        } else {
+          const te = (Q = (se = M.compData) == null ? void 0 : se.find((de) => (de == null ? void 0 : de.key) === "formContent")) == null ? void 0 : Q.contents;
+          x.form = {};
+          const be = [];
+          te == null || te.forEach((de) => {
+            de.key !== "" && (de = {
+              key: (de == null ? void 0 : de.key) ?? (de == null ? void 0 : de.label),
+              value: de == null ? void 0 : de.value
+            }, be.push(de));
+          }), x.form = be;
+        }
+      }), w.api) {
+        const M = await Bl.post(w.api, {
+          data: x,
+          templateFileName: (i = w == null ? void 0 : w.extraContent) == null ? void 0 : i[0]
+        }, {
+          responseType: "blob",
+          // 必须设置
+          headers: {
+            "Content-Type": "application/json"
+          }
+        });
+        var z = new Blob([M.data], {
+          type: "application/octet-stream;charset=UTF-8"
+        }), N = M.headers["content-disposition"], S = new RegExp("filename=([^;]+\\.[^\\.;]+);*"), E = S.exec(N), O = ((d = (s = (e = w == null ? void 0 : w.extraContent) == null ? void 0 : e[0]) == null ? void 0 : s.split(".")) == null ? void 0 : d[0]) + "." + ((L = E[1].split(".")) == null ? void 0 : L[1]), t = document.createElement("a"), c = window.URL.createObjectURL(z), R = /^["](.*)["]$/g;
+        t.style.display = "none", t.href = c, t.download = decodeURI(O.replace(R, "$1")), document.body.appendChild(t), t.click(), document.body.removeChild(t), window.URL.revokeObjectURL(c);
+      }
+    }, T = async (w) => {
+      var S;
+      const x = h(w), z = x == null ? void 0 : x.map(async (E) => {
+        var i, e, s, d, L, M, ue;
+        const t = (i = (await il({
+          key: {
+            systemKey: sessionStorage.getItem("systemKey"),
+            parentTable: "",
+            type: "method",
+            methodName: E.method
+          }
+        })).data.result) == null ? void 0 : i[0], c = await il({
+          key: {
+            systemKey: sessionStorage.getItem("systemKey"),
+            type: "methodData",
+            tableId: t == null ? void 0 : t.id
+          }
+        }), R = await Cl((e = E == null ? void 0 : E.value) == null ? void 0 : e[0], sessionStorage.getItem("systemKey"), ""), a = (s = c.data.result) == null ? void 0 : s[0];
+        return {
+          buttonName: (d = t == null ? void 0 : t.key) == null ? void 0 : d.methodKey,
+          api: (M = (L = a == null ? void 0 : a.value) == null ? void 0 : L.tableData) == null ? void 0 : M[0],
+          content: R == null ? void 0 : R.filter((ae) => ae.comp !== "methodButton"),
+          extraContent: (ue = h(E.value)) == null ? void 0 : ue.slice(1)
+        };
+      }), N = await Promise.all(z);
+      F.value = N == null ? void 0 : N.filter((E) => E == null ? void 0 : E.extraContent), (S = F.value) == null || S.forEach((E) => {
+        var O;
+        E.api === "" && ((O = E.content) == null || O.forEach((t) => {
+          var c;
+          t.comp == "Table" && l.setExtraContents(gl(t.compData, (c = E.extraContent) == null ? void 0 : c[0]));
+        }));
+      });
+    };
+    return ge(
+      () => v.itemData,
+      async () => {
+        k.value == "view" && await T(h(v.itemData));
+      },
+      { immediate: !0, deep: !0 }
+    ), (w, x) => (A(), W("div", yn, [
+      (A(!0), W(ve, null, fe(F.value, (z) => (A(), W("div", null, [
+        z.api !== "" ? (A(), W("div", {
+          key: 0,
+          onClick: (N) => p(z),
+          class: "method-buttons"
+        }, q(z.buttonName), 9, bn)) : Le("", !0)
+      ]))), 256))
+    ]));
+  }
+}, gn = /* @__PURE__ */ ye(Cn, [["__scopeId", "data-v-0c52611a"]]), kn = {};
+function _n(b, F) {
+  return " 567 ";
+}
+const wn = /* @__PURE__ */ ye(kn, [["render", _n]]), xn = { class: "module content" }, In = { class: "module data" }, Dn = { class: "module layout" }, $n = { class: "form-content" }, Tn = /* @__PURE__ */ ze({
+  __name: "operate",
+  props: {
+    itemContents: {
+      type: Array,
+      default: () => []
+    },
+    originalItemContents: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["change"],
+  setup(b, { emit: F }) {
+    const v = b, l = F, f = el({
+      visible: !1,
+      width: "40%",
+      title: "签名配置"
+    }), k = 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
+      }
+    ]), T = 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
+      // },
+    ]), w = B({}), x = B([]), z = () => ({
+      comp: "Signature",
+      compData: [
+        {
+          key: "signTypeList",
+          contents: x.value
+        },
+        {
+          key: "signConfig",
+          contents: w.value
+        }
+      ]
+    }), N = (t) => {
+      var c;
+      w.value = h(t), l("change", (c = z()) == null ? void 0 : c.compData);
+    }, S = (t) => {
+      var c, R;
+      if ((t == null ? void 0 : t.buttonName) === "确认") {
+        const a = h(t == null ? void 0 : t.content);
+        switch (k.value) {
+          case "create":
+            x.value.push({
+              ...a,
+              index: ((c = x.value) == null ? void 0 : c.length) + 1
+            });
+            break;
+        }
+        l("change", (R = z()) == null ? void 0 : R.compData), f.visible = !1;
+      } else
+        f.visible = !1;
+    }, E = (t, c) => {
+      var R, a;
+      switch (t) {
+        case "create":
+          (R = T.value) == null || R.forEach((i) => {
+            i.value = "";
+          }), k.value = "create", f.visible = !0;
+          break;
+        case "update":
+          (a = T.value) == null || a.forEach((i) => {
+            i.value = c[i == null ? void 0 : i.prop];
+          }), console.log(345, c), k.value = "update", f.visible = !0;
+          break;
+        case "delete":
+          x.value.splice(c, 1), k.value = "delete";
+          break;
+      }
+    }, O = () => {
+      f.visible = !1;
+    };
+    return ge(() => v == null ? void 0 : v.itemContents, (t) => {
+      var c, R;
+      t && (w.value = ((c = t == null ? void 0 : t.find((a) => a.key === "signConfig")) == null ? void 0 : c.contents) ?? {}, x.value = ((R = t == null ? void 0 : t.find((a) => a.key === "signTypeList")) == null ? void 0 : R.contents) ?? []);
+    }, { immediate: !0 }), (t, c) => {
+      const R = pe("svg-icon"), a = pe("el-button");
+      return A(), W(ve, null, [
+        u("div", null, [
+          u("div", xn, [
+            c[2] || (c[2] = u("h4", { class: "module-title" }, "签名类型", -1)),
+            u("div", {
+              class: "module-icon",
+              onClick: c[0] || (c[0] = (i) => E("create"))
+            }, [
+              u("div", null, [
+                j(R, {
+                  name: "Plus",
+                  class: "icon-size"
+                }),
+                c[1] || (c[1] = u("span", null, "新增", -1))
+              ])
+            ])
+          ]),
+          u("div", In, [
+            (A(!0), W(ve, null, fe(x.value, (i, e) => (A(), W("div", {
+              class: "module-data-item",
+              key: e
+            }, [
+              u("span", null, q(i == null ? void 0 : i.label), 1),
+              u("div", null, [
+                j(a, {
+                  type: "primary",
+                  size: "small",
+                  onClick: (s) => E("update", { ...i, index: e + 1 })
+                }, {
+                  default: ee(() => c[3] || (c[3] = [
+                    Pe("修改")
+                  ])),
+                  _: 2,
+                  __: [3]
+                }, 1032, ["onClick"]),
+                j(a, {
+                  type: "danger",
+                  size: "small",
+                  onClick: (s) => E("delete", e)
+                }, {
+                  default: ee(() => c[4] || (c[4] = [
+                    Pe("删除")
+                  ])),
+                  _: 2,
+                  __: [4]
+                }, 1032, ["onClick"])
+              ])
+            ]))), 128))
+          ]),
+          u("div", Dn, [
+            j(Ie, {
+              rowContents: p.value,
+              onChange: N
+            }, null, 8, ["rowContents"])
+          ])
+        ]),
+        j(De, {
+          visible: f.visible,
+          title: f.title,
+          onBeforeDestroy: O,
+          width: f.width
+        }, {
+          default: ee(() => [
+            u("div", $n, [
+              (A(), he(Ie, {
+                rowContents: T.value,
+                key: T.value,
+                isEnableWrap: !1,
+                isButtonRow: !1,
+                isStartJustify: !1,
+                buttonValue: V.value,
+                onOnButtonClick: S
+              }, null, 8, ["rowContents", "buttonValue"]))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible", "title", "width"])
+      ], 64);
+    };
+  }
+}), En = /* @__PURE__ */ ye(Tn, [["__scopeId", "data-v-a90b5f7d"]]), Bn = /* @__PURE__ */ ze({
+  __name: "index",
+  props: {
+    stepConfig: {
+      type: Object,
+      default: {}
+    },
+    stepList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["clickStep", "clickTrigger", "changeTrigger"],
+  setup(b, { emit: F }) {
+    const v = b, l = F, f = B(1), k = tl(() => {
+      var z, N;
+      return (z = v == null ? void 0 : v.stepConfig) != null && z.allowTrigger ? f.value : (N = v == null ? void 0 : v.stepConfig) == null ? void 0 : N.active;
+    }), V = (z, N) => {
+      f.value = N, l("clickStep", z, N);
+    }, p = (z) => $l(z), T = () => {
+      var N;
+      const z = (N = v == null ? void 0 : v.stepList) == null ? void 0 : N.find((S, E) => E + 1 === k.value);
+      return console.log("findStep", z), z ? z == null ? void 0 : z.children : [];
+    }, w = (z) => {
+      l("clickTrigger", z);
+    }, x = (z) => {
+      l("changeTrigger", z);
+    };
+    return (z, N) => {
+      var O, t, c, R, a;
+      const S = pe("el-step"), E = pe("el-steps");
+      return A(), W(ve, null, [
+        j(E, {
+          direction: (O = b.stepConfig) == null ? void 0 : O.direction,
+          active: k.value,
+          "finish-status": "success",
+          simple: (t = b.stepConfig) == null ? void 0 : t.simple,
+          "align-center": ((c = b.stepConfig) == null ? void 0 : c.alignCenter) ?? !0
+        }, {
+          default: ee(() => [
+            (A(!0), W(ve, null, fe(b.stepList, (i, e) => (A(), he(S, {
+              key: e,
+              class: "step-item",
+              onClick: (s) => V(i, e + 1)
+            }, {
+              title: ee(() => [
+                He(z.$slots, "title", {
+                  title: i == null ? void 0 : i.title
+                }, void 0, !0)
+              ]),
+              description: ee(() => [
+                He(z.$slots, "description", {
+                  description: i == null ? void 0 : i.description
+                }, void 0, !0)
+              ]),
+              _: 2
+            }, 1032, ["onClick"]))), 128))
+          ]),
+          _: 3
+        }, 8, ["direction", "active", "simple", "align-center"]),
+        (R = b.stepConfig) != null && R.allowTrigger && ((a = b.stepConfig) != null && a.active) ? (A(!0), W(ve, { key: 0 }, fe(T(), (i, e) => (A(), W("div", {
+          key: e,
+          class: "step-cont-wrap"
+        }, [
+          (A(), he(Ge(p(i == null ? void 0 : i.type)), {
+            modelValue: i.value,
+            "onUpdate:modelValue": (s) => i.value = s,
+            onClickTrigger: w,
+            onChangeTrigger: x,
+            content: i == null ? void 0 : i.content
+          }, _l({ _: 2 }, [
+            fe(z.$slots, (s, d) => ({
+              name: d,
+              fn: ee((L) => [
+                He(z.$slots, d, wl({ ref_for: !0 }, L || {}), void 0, !0)
+              ])
+            }))
+          ]), 1064, ["modelValue", "onUpdate:modelValue", "content"]))
+        ]))), 128)) : Le("", !0)
+      ], 64);
+    };
+  }
+}), Fn = /* @__PURE__ */ ye(Bn, [["__scopeId", "data-v-d7c99969"]]), An = /* @__PURE__ */ ze({
+  __name: "index",
+  props: {
+    itemData: {
+      type: Array,
+      default: () => []
+    },
+    childItemData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["clickStep"],
+  setup(b, { emit: F }) {
+    const v = b, l = F, f = B({}), k = B([]), V = (p, T) => {
+      l("clickStep", p, T);
+    };
+    return ge(() => v == null ? void 0 : v.itemData, (p) => {
+      var T, w;
+      k.value = (T = p == null ? void 0 : p.find((x) => (x == null ? void 0 : x.key) === "stepList")) == null ? void 0 : T.contents, f.value = (w = p == null ? void 0 : p.find((x) => (x == null ? void 0 : x.key) === "stepConfig")) == null ? void 0 : w.contents;
+    }, {
+      immediate: !0
+    }), (p, T) => {
+      const w = pe("svg-icon");
+      return A(), he(Fn, {
+        stepConfig: f.value,
+        stepList: k.value,
+        onClickStep: V
+      }, {
+        icon: ee(() => [
+          j(w, { name: "import" })
+        ]),
+        title: ee(({ title: x }) => [
+          Pe(q(x), 1)
+        ]),
+        description: ee(({ description: x }) => [
+          Pe(q(x), 1)
+        ]),
+        _: 1
+      }, 8, ["stepConfig", "stepList"]);
+    };
+  }
+}), On = /* @__PURE__ */ ze({
+  __name: "index",
+  props: {
+    activities: {
+      type: Array,
+      default: () => []
+    },
+    timeLineConfig: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  setup(b) {
+    return (F, v) => {
+      const l = pe("el-timeline-item"), f = pe("el-timeline");
+      return A(), he(f, null, {
+        default: ee(() => [
+          (A(!0), W(ve, null, fe(b.activities, (k, V) => (A(), he(l, {
+            key: V,
+            timestamp: k.timestamp,
+            placement: b.timeLineConfig.placement,
+            center: b.timeLineConfig.isCenter,
+            "hide-timestamp": !0,
+            type: b.timeLineConfig.type,
+            color: b.timeLineConfig.color,
+            size: b.timeLineConfig.size,
+            icon: b.timeLineConfig.icon,
+            hollow: b.timeLineConfig.isHollow
+          }, {
+            default: ee(() => [
+              He(F.$slots, "content", {
+                content: k == null ? void 0 : k.content,
+                timestamp: k == null ? void 0 : k.timestamp
+              }, void 0, !0)
+            ]),
+            _: 2
+          }, 1032, ["timestamp", "placement", "center", "type", "color", "size", "icon", "hollow"]))), 128))
+        ]),
+        _: 3
+      });
+    };
+  }
+}), Ln = /* @__PURE__ */ ye(On, [["__scopeId", "data-v-4172a886"]]), Sn = { class: "line-content" }, Vn = { class: "line-time" }, Rn = /* @__PURE__ */ ze({
+  __name: "index",
+  props: {
+    itemData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(b) {
+    const F = b, v = B({}), l = B([]);
+    return ge(() => F == null ? void 0 : F.itemData, (f) => {
+      var k, V;
+      l.value = (k = f == null ? void 0 : f.find((p) => (p == null ? void 0 : p.key) === "timeLineList")) == null ? void 0 : k.contents, v.value = (V = f == null ? void 0 : f.find((p) => (p == null ? void 0 : p.key) === "timeLineConfig")) == null ? void 0 : V.contents;
+    }, {
+      immediate: !0
+    }), (f, k) => (A(), he(Ln, {
+      activities: l.value,
+      timeLineConfig: v.value
+    }, {
+      content: ee(({ content: V, timestamp: p }) => [
+        u("span", Sn, q(V), 1),
+        u("span", Vn, q(p), 1)
+      ]),
+      _: 1
+    }, 8, ["activities", "timeLineConfig"]));
+  }
+}), Nn = /* @__PURE__ */ ye(Rn, [["__scopeId", "data-v-b4d9deed"]]), jn = { class: "tabs-content" }, Un = {
+  __name: "index",
+  props: {
+    itemData: {
+      type: Array,
+      default: () => []
+    },
+    childItemData: {
+      type: Array,
+      default: () => []
+    },
+    index: Number
+  },
+  setup(b) {
+    const F = b, v = B([]);
+    return ge(
+      () => F == null ? void 0 : F.itemData,
+      (l) => {
+        const f = l.find((k) => (k == null ? void 0 : k.key) == "stepList");
+        f && (v.value = f.contents.map((k) => ({
+          value: k.value || k.title,
+          label: k.label || k.title,
+          children: k.children || []
+          // 关键：传递子内容
+        })));
+      },
+      { immediate: !0, deep: !0 }
+    ), (l, f) => (A(), W("div", jn, [
+      j(Tl, { tabsContents: v.value }, null, 8, ["tabsContents"])
+    ]));
+  }
+}, Pn = /* @__PURE__ */ ye(Un, [["__scopeId", "data-v-d3bb10b7"]]), Xe = ll("tabComp", {
+  state: () => ({
+    itemData: [],
+    originalData: [],
+    extraContents: [],
+    nodeDev: "",
+    isEdit: "view",
+    isRefreshCurStructure: !1,
+    isSubmitCurStructure: !1,
+    curStructureCompIds: []
+  }),
+  actions: {
+    setItemData(b) {
+      this.itemData = b;
+    },
+    setCurStructureCompIds(b) {
+      this.curStructureCompIds = b;
+    },
+    setRefreshCurStructure(b) {
+      this.isRefreshCurStructure = b;
+    },
+    setOriginalData(b) {
+      this.originalData = b;
+    },
+    setExtraContents(b) {
+      this.extraContents = b;
+    },
+    setNodeDev(b) {
+      this.nodeDev = b;
+    },
+    setIsEdit(b) {
+      this.isEdit = b;
+    }
+  }
+}), Wn = { class: "type-select" }, zn = ["onClick"], Mn = { class: "list-icon" }, Kn = {
+  __name: "modelSelect",
+  setup(b) {
+    const F = Xe(We), { itemData: v } = Me(F), l = (f) => {
+      const k = h(v.value);
+      k.push({
+        comp: f.comp,
+        name: f.name,
+        compData: []
+      }), F.setItemData(k);
+    };
+    return (f, k) => {
+      const V = pe("svg-icon");
+      return A(), W("div", Wn, [
+        (A(!0), W(ve, null, fe(xl(_o), (p, T) => (A(), W("div", {
+          class: "type-list",
+          key: T
+        }, [
+          u("div", {
+            class: "list-content",
+            onClick: (w) => l(p)
+          }, [
+            u("div", Mn, [
+              j(V, {
+                name: p.icon
+              }, null, 8, ["name"])
+            ]),
+            u("div", null, q(p.name), 1)
+          ], 8, zn)
+        ]))), 128))
+      ]);
+    };
+  }
+}, Jn = /* @__PURE__ */ ye(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(b) {
+    const F = Xe(We), { itemData: v, originalData: l } = Me(F), f = B([]);
+    B([]);
+    const k = B([]), V = B([]), p = (S) => {
+      var O;
+      let E = (O = h(V.value)) == null ? void 0 : O.map((t, c) => (S === c && (t.content = !0), t));
+      V.value = E;
+    }, T = (S) => {
+      var O;
+      let E = (O = h(V.value)) == null ? void 0 : O.map((t, c) => (S === c && (t.content = !1), t));
+      V.value = E, f.value = h(v.value);
+    }, w = (S, E) => {
+      var R;
+      let O = (R = h(V.value)) == null ? void 0 : R.map((a, i) => (S === i && (a.content = !1), a));
+      V.value = O;
+      const t = h(v.value), c = t == null ? void 0 : t.filter((a, i) => (i === S && (a.name = E), a));
+      F.setOriginalData(c), F.setItemData(c);
+    };
+    ge(
+      () => v.value,
+      () => {
+        var S, E, O;
+        !v.value || ((S = v.value) == null ? void 0 : S.length) === 0 ? f.value = [] : f.value = (E = h(v.value)) == null ? void 0 : E.filter((t) => (t == null ? void 0 : t.comp) !== "methodButton"), k.value = f.value, V.value = (O = h(k.value)) == null ? void 0 : O.map((t, c) => ({
+          id: c,
+          content: !1
+        }));
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const x = (S) => al(S), z = (S, E, O) => {
+      var c, R;
+      if (!S) return;
+      let t = h(v.value);
+      t = (c = t == null ? void 0 : t.map((a, i) => (i === O && (a.compData = S), a))) == null ? void 0 : c.filter((a) => (a == null ? void 0 : a.comp) !== "methodButton"), V.value = (R = h(t)) == null ? void 0 : R.map((a, i) => ({
+        id: i,
+        content: !1
+      })), F.setOriginalData(t), F.setItemData(t);
+    }, N = (S) => {
+      Ue.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        const E = h(v.value), O = E == null ? void 0 : E.filter((t, c) => c !== S);
+        F.setOriginalData(O), F.setItemData(O), je({
+          type: "success",
+          message: "删除成功"
+        });
+      }).catch(() => {
+      });
+    };
+    return (S, E) => {
+      const O = pe("svg-icon");
+      return A(), W("div", Gn, [
+        E[1] || (E[1] = u("div", { class: "fill-operate" }, q("操作栏"), -1)),
+        u("div", qn, [
+          j(Ll, {
+            class: "collapse-content",
+            collapseContents: f.value
+          }, {
+            title: ee(({ item: t, index: c }) => {
+              var R, a, i, e, s, d, L, M, ue, ae;
+              return [
+                u("div", Hn, [
+                  u("div", Qn, [
+                    (a = (R = V.value) == null ? void 0 : R.find((n) => n.id === c)) != null && a.content ? Le("", !0) : (A(), W("div", {
+                      key: 0,
+                      class: "collapse-title",
+                      style: Il({ marginRight: t.name && t.name !== "" ? "8px" : "0px" })
+                    }, q(t.name), 5)),
+                    (e = (i = V.value) == null ? void 0 : i.find((n) => n.id === c)) != null && e.content ? (A(), W("div", Xn, [
+                      j(El, {
+                        modelValue: t.name,
+                        "onUpdate:modelValue": (n) => t.name = n,
+                        onClick: E[0] || (E[0] = Ke(() => {
+                        }, ["stop"]))
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ])) : Le("", !0),
+                    (d = (s = V.value) == null ? void 0 : s.find((n) => n.id === c)) != null && d.content ? Le("", !0) : (A(), W("div", {
+                      key: 2,
+                      onClick: Ke((n) => p(c), ["stop"]),
+                      class: "icon-content"
+                    }, [
+                      j(O, {
+                        name: "Edit",
+                        style: { width: "16px", height: "16px" }
+                      })
+                    ], 8, Yn))
+                  ]),
+                  u("div", Zn, [
+                    (M = (L = V.value) == null ? void 0 : L.find((n) => n.id === c)) != null && M.content ? (A(), W("div", eo, [
+                      j(O, {
+                        name: "Cancel",
+                        style: { width: "16px", height: "16px" },
+                        class: "icon-content",
+                        onClick: Ke((n) => T(c), ["stop"])
+                      }, null, 8, ["onClick"]),
+                      j(O, {
+                        name: "Save",
+                        onClick: Ke((n) => w(c, t.name), ["stop"]),
+                        style: { width: "16px", height: "16px", fill: "var(--ssComponent-primary-color)" },
+                        class: "icon-content"
+                      }, null, 8, ["onClick"])
+                    ])) : Le("", !0),
+                    (ae = (ue = V.value) == null ? void 0 : ue.find((n) => n.id === c)) != null && ae.content ? Le("", !0) : (A(), W("div", {
+                      key: 1,
+                      onClick: Ke((n) => N(c), ["stop"]),
+                      class: "icon-content"
+                    }, [
+                      j(O, {
+                        name: "Delete",
+                        style: { width: "16px", height: "16px" }
+                      })
+                    ], 8, lo))
+                  ])
+                ])
+              ];
+            }),
+            content: ee(({ item: t, index: c }) => {
+              var R, a;
+              return [
+                u("div", ao, [
+                  (A(), he(Ge(x(t.comp + "Operate")), {
+                    itemContents: t == null ? void 0 : t.compData,
+                    originalItemContents: (a = (R = k.value) == null ? void 0 : R.find((i, e) => e === c)) == null ? void 0 : a.compData,
+                    onChange: (i) => z(i, t, c)
+                  }, null, 40, ["itemContents", "originalItemContents", "onChange"]))
+                ])
+              ];
+            }),
+            _: 1
+          }, 8, ["collapseContents"])
+        ])
+      ]);
+    };
+  }
+}, oo = /* @__PURE__ */ ye(no, [["__scopeId", "data-v-9de1f7b9"]]), so = {
+  key: 0,
+  class: "show-content"
+}, io = { style: { display: "flex" } }, uo = {
+  __name: "modelShow",
+  setup(b) {
+    const F = Xe(We), { itemData: v } = Me(F), l = B([]);
+    ge(
+      () => v.value,
+      () => {
+        var k;
+        !v.value || ((k = v.value) == null ? void 0 : k.length) === 0 ? l.value = [] : l.value = h(v.value);
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const f = (k) => al(k);
+    return (k, V) => {
+      var p;
+      return ((p = l.value) == null ? void 0 : p.length) > 0 ? (A(), W("div", so, [
+        (A(!0), W(ve, null, fe(l.value, (T, w) => (A(), W("div", {
+          class: "item-content",
+          key: w
+        }, [
+          u("div", io, q(T.name), 1),
+          (A(), he(Ge(f(T.comp)), {
+            itemData: T == null ? void 0 : T.compData,
+            childItemData: T == null ? void 0 : T.itemChildData,
+            key: w
+          }, null, 8, ["itemData", "childItemData"]))
+        ]))), 128))
+      ])) : Le("", !0);
+    };
+  }
+}, ro = /* @__PURE__ */ ye(uo, [["__scopeId", "data-v-b0c7a58a"]]), to = { class: "tabs-header" }, co = { class: "tabs-list" }, vo = { class: "tab-name" }, po = { class: "tab-actions" }, fo = ["onClick"], ho = ["onClick"], mo = ["onClick"], yo = { class: "model-operate" }, bo = { class: "model-select" }, Co = { class: "model-fill" }, go = {
+  __name: "operate",
+  props: {
+    itemContents: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["change"],
+  setup(b, { emit: F }) {
+    const v = b, l = F, f = B([]), k = B(!1), V = B(""), p = B({ title: "" }), T = B(-1), w = B(!1), x = B(-1), z = () => {
+      V.value = "新增标签页", p.value.title = "", T.value = -1, k.value = !0;
+    }, N = (s) => {
+      V.value = "修改标签页", p.value.title = f.value[s].title, T.value = s, k.value = !0;
+    }, S = (s) => {
+      f.value.splice(s, 1), e();
+    }, E = () => {
+      p.value.title.trim() && (T.value === -1 ? f.value.push({
+        title: p.value.title,
+        value: p.value.title,
+        label: p.value.title,
+        children: []
+      }) : (f.value[T.value].title = p.value.title, f.value[T.value].value = p.value.title, f.value[T.value].label = p.value.title), k.value = !1, e());
+    }, O = (s) => {
+      x.value = s, w.value = !0;
+    }, t = () => {
+      const s = Xe(We), { itemData: d } = Me(s);
+      console.log("源数据", d.value), x.value >= 0 && x.value < f.value.length && (f.value[x.value].children = c(d.value)), w.value = !1, e();
+    }, c = (s) => {
+      if (!Array.isArray(s))
+        throw new Error("sourceData must be an array");
+      return s.map((d, L) => {
+        if (!d || typeof d != "object")
+          return d;
+        const { comp: M, name: ue, compData: ae } = d;
+        switch (M) {
+          case "Form":
+            return {
+              type: "form",
+              content: R(ae || []),
+              value: "表单"
+            };
+          case "Table":
+            return {
+              type: "table",
+              content: a(),
+              value: "表格"
+            };
+          default:
+            return {
+              type: "xxx",
+              content: i(ae || []),
+              value: ""
+            };
+        }
+      });
+    }, R = (s) => {
+      const d = {
+        formRules: {},
+        rowContents: [],
+        buttonValue: [],
+        rowValues: [],
+        isEnableWrap: !0,
+        isRowFlex: !0,
+        isButtonRow: !0,
+        isEdit: !0,
+        isStartJustify: !0
+      }, L = {
+        formContent: "rowContents",
+        enableWrap: "isEnableWrap",
+        formButton: "buttonValue"
+      };
+      return s.forEach((M, ue) => {
+        if (!M || typeof M != "object") {
+          console.warn(`Invalid config at index ${ue}:`, M);
+          return;
+        }
+        const { key: ae, contents: n } = M, C = L[ae];
+        if (!C) {
+          console.warn(`Unknown Form config key: ${ae}`);
+          return;
+        }
+        ae === "enableWrap" ? d[C] = !!n : d[C] = Array.isArray(n) ? n : [];
+      }), d;
+    }, a = (s) => ({
+      columns: [],
+      tableData: [],
+      extraButton: [],
+      currentPage: 0,
+      total: 0,
+      pageSize: 0,
+      isShowPagination: !0,
+      isShowEdit: !0,
+      isMoveColumn: !0,
+      isShowDelete: !0
+    }), i = (s) => (console.log("Default conversion logic - to be implemented"), {
+      originalData: s,
+      processed: !1,
+      componentType: "unknown"
+    }), e = () => {
+      const s = [
+        {
+          key: "stepList",
+          contents: f.value
+        }
+      ];
+      l("change", s);
+    };
+    return ge(
+      () => v.itemContents,
+      (s) => {
+        if (s && s.length > 0) {
+          const d = s.find((L) => L.key === "stepList");
+          d && d.contents && (f.value = d.contents.map((L) => ({
+            title: L.title || "",
+            value: L.value || L.title || "",
+            label: L.label || L.title || "",
+            children: L.children || []
+          })));
+        }
+      },
+      { immediate: !0, deep: !0 }
+    ), (s, d) => {
+      const L = pe("svg-icon"), M = pe("el-input"), ue = pe("el-form-item"), ae = pe("el-form");
+      return A(), W("div", null, [
+        u("div", to, [
+          d[8] || (d[8] = u("h4", null, "标签页管理", -1)),
+          u("button", { onClick: z }, [
+            j(L, {
+              name: "Plus",
+              style: { width: "14px", height: "14px", "margin-right": "4px" }
+            }),
+            d[7] || (d[7] = Pe(" 新增标签页 "))
+          ])
+        ]),
+        u("div", co, [
+          (A(!0), W(ve, null, fe(f.value, (n, C) => (A(), W("div", {
+            class: "tab-item",
+            key: C
+          }, [
+            u("span", vo, q(n.title), 1),
+            u("div", po, [
+              u("button", {
+                onClick: ($) => N(C)
+              }, "修改标题", 8, fo),
+              u("button", {
+                onClick: ($) => O(C)
+              }, "布局调整", 8, ho),
+              u("button", {
+                onClick: ($) => S(C)
+              }, "删除", 8, mo)
+            ])
+          ]))), 128))
+        ]),
+        j(De, {
+          modelValue: k.value,
+          "onUpdate:modelValue": d[2] || (d[2] = (n) => k.value = n),
+          title: V.value,
+          onBeforeDestroy: d[3] || (d[3] = (n) => k.value = !1)
+        }, {
+          footer: ee(() => [
+            u("button", {
+              onClick: d[1] || (d[1] = (n) => k.value = !1)
+            }, "取消"),
+            u("button", {
+              type: "primary",
+              onClick: E
+            }, "确定")
+          ]),
+          default: ee(() => [
+            j(ae, {
+              model: p.value,
+              "label-width": "80px"
+            }, {
+              default: ee(() => [
+                j(ue, {
+                  label: "标签名称",
+                  required: ""
+                }, {
+                  default: ee(() => [
+                    j(M, {
+                      modelValue: p.value.title,
+                      "onUpdate:modelValue": d[0] || (d[0] = (n) => p.value.title = n),
+                      placeholder: "请输入标签页名称"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["model"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        j(De, {
+          modelValue: w.value,
+          "onUpdate:modelValue": d[5] || (d[5] = (n) => w.value = n),
+          title: "布局调整",
+          fullScreen: "",
+          onBeforeDestroy: d[6] || (d[6] = (n) => w.value = !1)
+        }, {
+          footer: ee(() => [
+            u("button", {
+              onClick: d[4] || (d[4] = (n) => w.value = !1)
+            }, "取消"),
+            u("button", { onClick: t }, "确定")
+          ]),
+          default: ee(() => [
+            u("div", yo, [
+              u("div", bo, [
+                j(Jn)
+              ]),
+              (A(), W("div", {
+                class: "model-show",
+                key: s.innerWidth
+              }, [
+                j(ro)
+              ])),
+              u("div", Co, [
+                j(oo)
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}, ko = /* @__PURE__ */ ye(go, [["__scopeId", "data-v-121e0009"]]), _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(b) {
+  return wo[b == null ? void 0 : b.toUpperCase()] || null;
+}
+export {
+  al as g,
+  _o as s,
+  Vl as u
+};