ss-component-new 1.2.28 → 1.2.30

package/dist/index-DLNYVMBT.js

@@ -0,0 +1,718 @@
+import { ref as V, computed as Z, resolveComponent as K, createElementBlock as w, openBlock as r, Fragment as ae, renderList as te, createElementVNode as g, toDisplayString as j, createVNode as C, watch as ue, createBlock as A, resolveDynamicComponent as X, unref as h, withCtx as D, isRef as ze, createTextVNode as ee, createCommentVNode as G, normalizeStyle as Xe, withModifiers as ne, normalizeClass as Ge, nextTick as Ke } from "vue";
+import { J as ve, g as Ye, D as je, B as Qe, C as He, b as Ze } from "./index-CLYAJN6W.js";
+import { p as ie, s as le, c as R, E as ea } from "./index-DBDeHECn.js";
+import { a as me, u as qe, E as aa } from "./index.vue_vue_type_style_index_1_lang-C_c9xkIT.js";
+import { s as W, h as We, o as Je, b as ta, c as he, d as na, f as ce, g as la, i as oa, j as Pe, k as sa, l as fe, m as re, n as ca, t as ra, p as ua } from "./array-GAxUIYkk.js";
+import { _ as ge } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import ia from "./index-rlStojTL.js";
+import { a as da, b as pa } from "./index-BuPMGirQ.js";
+import { s as va } from "./index-LjM9Nk8B.js";
+const ha = { class: "type-select" }, fa = { class: "group-label" }, ma = { class: "group-items" }, ga = ["onDragstart"], _a = {
+  __name: "index",
+  props: {
+    compContainerRef: Object
+  },
+  emits: [""],
+  setup(_e, { emit: I }) {
+    const O = me(ie), { itemData: oe, activeItemIndex: de } = le(O), i = I, J = V(null), k = Z(() => {
+      var q, F, M;
+      const E = { label: "布局", items: ["TABS", "LAYOUT"] }, N = { label: "常用", items: ["FORM", "TABLE"] }, U = { label: "高级", items: ["STEP", "TIMELINE", "CHART", "SIGNATURE", "AVATAR", "FOLD"] }, T = (q = ve.value) == null ? void 0 : q.filter((S) => {
+        var o, t;
+        return (t = E == null ? void 0 : E.items) == null ? void 0 : t.includes((o = S == null ? void 0 : S.type) == null ? void 0 : o.toUpperCase());
+      }), Y = (F = ve.value) == null ? void 0 : F.filter((S) => {
+        var o, t;
+        return (t = N == null ? void 0 : N.items) == null ? void 0 : t.includes((o = S == null ? void 0 : S.type) == null ? void 0 : o.toUpperCase());
+      }), b = (M = ve.value) == null ? void 0 : M.filter((S) => {
+        var o, t;
+        return (t = U == null ? void 0 : U.items) == null ? void 0 : t.includes((o = S == null ? void 0 : S.type) == null ? void 0 : o.toUpperCase());
+      });
+      return [
+        {
+          ...E,
+          items: T
+        },
+        {
+          ...N,
+          items: Y
+        },
+        {
+          ...U,
+          items: b
+        }
+      ];
+    }), P = (E, N) => {
+      try {
+        E.dataTransfer.clearData();
+        const U = {
+          ...N,
+          timestamp: Date.now()
+          // 添加时间戳确保唯一性
+        };
+        E.dataTransfer.setData("application/json", JSON.stringify(U)), E.dataTransfer.effectAllowed = "copyMove", E.target.classList.add("dragging"), i("handleDragStart", N);
+      } catch (U) {
+        console.error("Drag start error:", U);
+      }
+    };
+    return (E, N) => {
+      const U = K("svg-icon");
+      return r(), w("div", ha, [
+        (r(!0), w(ae, null, te(k.value, (T) => (r(), w("div", {
+          class: "group-item",
+          key: T == null ? void 0 : T.label
+        }, [
+          g("div", fa, j(T == null ? void 0 : T.label), 1),
+          g("div", ma, [
+            (r(!0), w(ae, null, te(T == null ? void 0 : T.items, (Y, b) => (r(), w("div", {
+              class: "type-list",
+              title: "鼠标拖动",
+              ref_for: !0,
+              ref_key: "dragItem",
+              ref: J,
+              key: b,
+              draggable: !0,
+              onDragstart: (q) => P(q, Y)
+            }, [
+              C(U, {
+                name: Y.icon,
+                style: { width: "15px", height: "15px" }
+              }, null, 8, ["name"]),
+              g("div", null, j(Y.name), 1)
+            ], 40, ga))), 128))
+          ])
+        ]))), 128))
+      ]);
+    };
+  }
+}, Qa = /* @__PURE__ */ ge(_a, [["__scopeId", "data-v-951fb5b4"]]), ya = { class: "fill-content" }, Ca = { class: "overall-config-wrapper" }, Da = { class: "operate-content" }, wa = ["onClick"], Ia = {
+  class: "collapse-title-item",
+  title: "编辑"
+}, ba = { key: 1 }, xa = ["onClick"], ka = { class: "icon-content" }, Ta = {
+  key: 0,
+  class: "edit-content"
+}, Sa = ["onClick"], La = { title: "设置" }, Ea = ["onClick"], Ma = { class: "parent-main" }, $a = { style: { display: "flex", "justify-content": "space-between" } }, Ba = { title: "样式" }, Va = { title: "交互" }, Ra = { title: "扩展" }, Aa = { style: { width: "100%", "max-height": "500px", overflow: "auto" } }, Oa = {
+  __name: "index",
+  setup(_e) {
+    const I = me(ie), { itemData: O, originalData: oe } = le(I), de = qe(), { activeMenuPath: i } = le(de);
+    V([]);
+    const J = V([]), k = V([]), P = V([]), E = Z(() => {
+      var o, t, d, c;
+      return ((o = W.value) == null ? void 0 : o.length) > 0 && (t = W.value) != null && t.every((u) => {
+        var L, $;
+        return (u == null ? void 0 : u.comp) === (($ = (L = W.value) == null ? void 0 : L[0]) == null ? void 0 : $.comp);
+      }) ? (c = (d = W.value) == null ? void 0 : d[0]) == null ? void 0 : c.comp : null;
+    }), N = (o) => {
+      var d;
+      let t = (d = R(k.value)) == null ? void 0 : d.map((c, u) => (o === u && (c.content = !0), c));
+      k.value = t;
+    }, U = (o) => {
+      var d;
+      let t = (d = R(k.value)) == null ? void 0 : d.map((c, u) => (o === u && (c.content = !1), c));
+      k.value = t, W.value = R(O.value);
+    }, T = (o, t) => {
+      var L;
+      let d = (L = R(k.value)) == null ? void 0 : L.map(($, l) => (o === l && ($.content = !1), $));
+      k.value = d;
+      const c = R(O.value), u = c == null ? void 0 : c.filter(($, l) => (l === o && ($.name = t), $));
+      I.setOriginalData(u), I.setItemData(u);
+    }, Y = (o) => {
+      const t = R(O.value), d = t == null ? void 0 : t.map((c, u) => ((c == null ? void 0 : c.name) === (o == null ? void 0 : o.name) ? c.isShow = !(o != null && o.isShow) : c.isShow = c.isShow, c));
+      O.value = d;
+    };
+    ue(
+      () => O.value,
+      () => {
+        var o, t, d, c;
+        !O.value || ((o = O.value) == null ? void 0 : o.length) === 0 ? W.value = [] : W.value = (t = O.value) == null ? void 0 : t.filter((u) => (u == null ? void 0 : u.comp) !== "methodButton"), J.value = W.value, k.value = (d = R(J.value)) == null ? void 0 : d.map((u, L) => ({
+          id: L,
+          content: !1
+        })), P.value = (c = R(J.value)) == null ? void 0 : c.map((u, L) => ({
+          id: L,
+          isShow: u == null ? void 0 : u.isShow
+        }));
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const b = (o) => Ye(o), q = (o, t, d, c) => {
+      var L, $;
+      if (!o) return;
+      let u = R(O.value);
+      u = (L = u == null ? void 0 : u.map((l, f) => {
+        if (c && f === d) {
+          const { compData: s, itemChildData: z } = o;
+          return l.compData = s, l.itemChildData = z, l;
+        }
+        return f === d && (l.compData = o), l;
+      })) == null ? void 0 : L.filter((l) => (l == null ? void 0 : l.comp) !== "methodButton"), k.value = ($ = R(u)) == null ? void 0 : $.map((l, f) => ({
+        id: f,
+        content: !1
+      })), I.setOriginalData(u), I.setItemData(u);
+    }, F = V(null), M = (o, t) => {
+      if (!t) {
+        I.setActiveItemIndex(o);
+        return;
+      }
+      I.setActiveItemIndex(-1);
+    }, S = (o) => {
+      aa.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(
+        () => {
+          const t = R(O.value), d = t == null ? void 0 : t.filter((c, u) => u !== o);
+          I.setOriginalData(d), I.setItemData(d), I.setActiveItemIndex(-1), ea({
+            type: "success",
+            message: "删除成功"
+          });
+        }
+      ).catch(() => {
+      });
+    };
+    return (o, t) => {
+      var $;
+      const d = K("svg-icon"), c = K("el-tab-pane"), u = K("el-card"), L = K("el-tabs");
+      return r(), w("div", ya, [
+        t[10] || (t[10] = g("div", { class: "fill-operate" }, "操作栏", -1)),
+        g("div", Ca, [
+          (r(), A(X(b(E.value + "style")), {
+            target: "overall",
+            optionItems: h(Je),
+            compType: E.value,
+            comp: ($ = h(W)) == null ? void 0 : $[0],
+            onChange: h(We)
+          }, null, 40, ["optionItems", "compType", "comp", "onChange"]))
+        ]),
+        g("div", Da, [
+          C(ia, {
+            class: "collapse-content",
+            collapseContents: h(W),
+            accordion: !0,
+            onChange: h(ta),
+            ref_key: "ssCollapseRef",
+            ref: F
+          }, {
+            title: D(({ item: l, index: f, isActive: s }) => {
+              var z, x, B, a, n, p, m, v, H, Q;
+              return [
+                g("div", {
+                  class: "collapse-title-content",
+                  onClick: (_) => M(f, s)
+                }, [
+                  g("div", Ia, [
+                    (x = (z = k.value) == null ? void 0 : z.find((_) => _.id === f)) != null && x.content ? G("", !0) : (r(), w("div", {
+                      key: 0,
+                      class: "collapse-title",
+                      style: Xe({ marginRight: l.name && l.name !== "" ? "8px" : "0px" })
+                    }, j(l.name), 5)),
+                    (a = (B = k.value) == null ? void 0 : B.find((_) => _.id === f)) != null && a.content ? (r(), w("div", ba, [
+                      C(pa, {
+                        modelValue: l.name,
+                        "onUpdate:modelValue": (_) => l.name = _,
+                        onClick: t[0] || (t[0] = ne(() => {
+                        }, ["stop"]))
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ])) : G("", !0),
+                    (p = (n = k.value) == null ? void 0 : n.find((_) => _.id === f)) != null && p.content ? G("", !0) : (r(), w("div", {
+                      key: 2,
+                      onClick: ne((_) => N(f), ["stop"]),
+                      class: "icon-content"
+                    }, [
+                      C(d, {
+                        name: "Edit",
+                        style: { width: "13px", height: "13px" }
+                      })
+                    ], 8, xa))
+                  ]),
+                  g("div", ka, [
+                    (v = (m = k.value) == null ? void 0 : m.find((_) => _.id === f)) != null && v.content ? (r(), w("div", Ta, [
+                      C(d, {
+                        name: "Cancel",
+                        style: { width: "16px", height: "16px" },
+                        class: "icon-content",
+                        onClick: ne((_) => U(f), ["stop"])
+                      }, null, 8, ["onClick"]),
+                      C(d, {
+                        name: "Save",
+                        onClick: ne((_) => T(f, l.name), ["stop"]),
+                        style: { width: "16px", height: "16px", fill: "var(--ssComponent-primary-color)" },
+                        class: "icon-content"
+                      }, null, 8, ["onClick"])
+                    ])) : G("", !0),
+                    (Q = (H = k.value) == null ? void 0 : H.find((_) => _.id === f)) != null && Q.content ? G("", !0) : (r(), w("div", {
+                      key: 1,
+                      onClick: ne((_) => S(f), ["stop"]),
+                      class: "icon-content"
+                    }, [
+                      C(d, {
+                        name: "Delete",
+                        style: { width: "16px", height: "16px" }
+                      })
+                    ], 8, Sa))
+                  ])
+                ], 8, wa)
+              ];
+            }),
+            content: D(({ item: l, index: f }) => [
+              C(L, {
+                modelValue: h(he),
+                "onUpdate:modelValue": t[2] || (t[2] = (s) => ze(he) ? he.value = s : null),
+                class: "config-tabs",
+                onTabClick: M
+              }, {
+                default: D(() => [
+                  C(c, {
+                    label: "设置",
+                    name: "data"
+                  }, {
+                    label: D(() => [
+                      g("span", La, [
+                        C(d, {
+                          name: "LowCodeSetting",
+                          style: { width: "15px", height: "15px", "margin-right": "5px" }
+                        }),
+                        t[3] || (t[3] = ee("设置"))
+                      ])
+                    ]),
+                    default: D(() => {
+                      var s, z;
+                      return [
+                        g("div", {
+                          class: "comp-child",
+                          onClick: (x) => M(f)
+                        }, [
+                          (r(), A(X(b(l.comp + "Operate")), {
+                            itemContents: l == null ? void 0 : l.compData,
+                            originalItemContents: (z = (s = J.value) == null ? void 0 : s.find((x, B) => B === f)) == null ? void 0 : z.compData,
+                            itemChildData: l == null ? void 0 : l.itemChildData,
+                            onChange: (x, B) => q(x, l, f, B)
+                          }, null, 40, ["itemContents", "originalItemContents", "itemChildData", "onChange"]))
+                        ], 8, Ea),
+                        g("div", Ma, [
+                          t[5] || (t[5] = g("div", { class: "operate-title" }, [
+                            g("div", null, j("显隐控制"))
+                          ], -1)),
+                          g("div", $a, [
+                            t[4] || (t[4] = g("div", { class: "operate-center-content" }, j("是否显示"), -1)),
+                            C(da, {
+                              value: P.value.find((x) => x.id === f).isShow,
+                              "onUpdate:value": (x) => P.value.find((B) => B.id === f).isShow = x,
+                              onClick: (x) => Y(l)
+                            }, null, 8, ["value", "onUpdate:value", "onClick"])
+                          ])
+                        ])
+                      ];
+                    }),
+                    _: 2
+                  }, 1024),
+                  C(c, {
+                    label: "样式",
+                    name: "style"
+                  }, {
+                    label: D(() => [
+                      g("span", Ba, [
+                        C(d, {
+                          name: "LowCodeStyle",
+                          style: { width: "15px", height: "15px", "margin-right": "5px" }
+                        }),
+                        t[6] || (t[6] = ee("样式"))
+                      ])
+                    ]),
+                    default: D(() => [
+                      (r(), A(X(b((l == null ? void 0 : l.comp) + "style")), {
+                        target: "alone",
+                        compType: l == null ? void 0 : l.comp,
+                        comp: l,
+                        optionItems: h(Je),
+                        onChange: (s) => h(We)(s, l)
+                      }, null, 40, ["compType", "comp", "optionItems", "onChange"]))
+                    ]),
+                    _: 2
+                  }, 1024),
+                  C(c, {
+                    label: "交互",
+                    name: "event"
+                  }, {
+                    label: D(() => [
+                      g("span", Va, [
+                        C(d, {
+                          name: "LowCodeEvent",
+                          style: { width: "15px", height: "15px", "margin-right": "5px" }
+                        }),
+                        t[7] || (t[7] = ee("交互"))
+                      ])
+                    ]),
+                    default: D(() => [
+                      t[8] || (t[8] = ee(" 交互 "))
+                    ]),
+                    _: 1,
+                    __: [8]
+                  }),
+                  C(c, {
+                    label: "扩展",
+                    name: "extend"
+                  }, {
+                    label: D(() => [
+                      g("span", Ra, [
+                        C(d, {
+                          name: "LowCodeExtend",
+                          style: { width: "15px", height: "15px", "margin-right": "5px" }
+                        }),
+                        t[9] || (t[9] = ee("扩展"))
+                      ])
+                    ]),
+                    default: D(() => [
+                      C(L, {
+                        "tab-position": "left",
+                        modelValue: h(ce),
+                        "onUpdate:modelValue": t[1] || (t[1] = (s) => ze(ce) ? ce.value = s : null),
+                        class: "extend-tabs",
+                        onTabChange: h(na)
+                      }, {
+                        default: D(() => [
+                          (r(!0), w(ae, null, te(h(la), (s, z) => (r(), A(c, {
+                            key: s == null ? void 0 : s.name,
+                            label: s == null ? void 0 : s.label,
+                            name: s == null ? void 0 : s.name
+                          }, {
+                            default: D(() => [
+                              C(u, null, {
+                                default: D(() => {
+                                  var x, B, a;
+                                  return [
+                                    (r(), A(X(b((x = s == null ? void 0 : s.component) == null ? void 0 : x.comp)), {
+                                      compItem: s == null ? void 0 : s.component,
+                                      itemData: (B = s == null ? void 0 : s.component) == null ? void 0 : B.compData,
+                                      childItemData: (a = s == null ? void 0 : s.component) == null ? void 0 : a.itemChildData,
+                                      key: z,
+                                      level: 1,
+                                      onChange: h(Pe),
+                                      onOnButtonClick: h(oa)
+                                    }, null, 40, ["compItem", "itemData", "childItemData", "onChange", "onOnButtonClick"]))
+                                  ];
+                                }),
+                                _: 2
+                              }, 1024)
+                            ]),
+                            _: 2
+                          }, 1032, ["label", "name"]))), 128))
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue", "onTabChange"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 2
+              }, 1032, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["collapseContents", "onChange"])
+        ]),
+        C(va, {
+          class: "task-dialog-wrapper",
+          visible: h(fe).show,
+          title: h(fe).title,
+          dialogWidth: h(fe).width,
+          onBeforeDestroy: h(sa)
+        }, {
+          default: D(() => {
+            var l, f;
+            return [
+              g("div", Aa, [
+                h(re) ? (r(), A(X(b(((l = h(re)) == null ? void 0 : l.comp) + "extend")), {
+                  key: 0,
+                  target: "alone",
+                  comp: h(re),
+                  extendItem: h(ua),
+                  compType: (f = h(re)) == null ? void 0 : f.comp,
+                  activeTabName: h(ce),
+                  relatedData: h(ra),
+                  onChange: h(Pe),
+                  onOnButtonClick: h(ca)
+                }, null, 40, ["comp", "extendItem", "compType", "activeTabName", "relatedData", "onChange", "onOnButtonClick"])) : G("", !0)
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["visible", "title", "dialogWidth", "onBeforeDestroy"])
+      ]);
+    };
+  }
+}, Za = /* @__PURE__ */ ge(Oa, [["__scopeId", "data-v-0ecba574"]]), Na = { style: { display: "flex" } }, Ua = { style: { display: "flex" } }, Fa = { key: 2 }, za = {
+  key: 4,
+  style: { "margin-top": "30px" }
+}, Ga = {
+  __name: "index",
+  setup(_e) {
+    const I = me(ie), { itemData: O, activeItemIndex: oe, pageMapState: de } = le(I), i = V([]), J = V(0), k = V(""), P = qe(ie), { activeMenuPath: E } = le(P), N = V(null), U = V(null), T = V(24), Y = V(2), b = V([]), q = V([]), F = Z(() => {
+      var a, n, p;
+      return {
+        default: !o.value && !S.value && M.value === "vertical" && ((a = i.value) == null ? void 0 : a.length) > 0,
+        grid: o.value && !S.value && M.value === "vertical",
+        tab: M.value === "horizontal" && ((n = i.value) == null ? void 0 : n.length) > 0,
+        step: S.value && M.value === "vertical" && ((p = i.value) == null ? void 0 : p.length) > 0
+      };
+    }), M = Z(() => {
+      var a, n, p, m;
+      return ((a = i.value) == null ? void 0 : a.length) > 0 && ((n = i.value) != null && n.every((v) => v == null ? void 0 : v.layout)) ? (m = (p = i.value) == null ? void 0 : p[0]) == null ? void 0 : m.layout : "vertical";
+    }), S = Z(() => {
+      var a, n;
+      return (n = (a = i.value) == null ? void 0 : a[0]) == null ? void 0 : n.isStepLayout;
+    }), o = Z(() => {
+      var a, n;
+      return (n = (a = i.value) == null ? void 0 : a[0]) == null ? void 0 : n.isGridLayout;
+    }), t = V(null), d = Z(() => {
+      var a, n, p;
+      return ((a = i.value) == null ? void 0 : a.length) > 0 && M.value === "horizontal" ? (p = (n = i.value) == null ? void 0 : n[0]) == null ? void 0 : p.name : "";
+    }), c = (a, n) => {
+      J.value = n, t.value = a;
+    }, u = (a) => {
+      var v;
+      if (!a) return;
+      let n = null;
+      const p = R(i.value);
+      if (oe.value >= 0 && (n = p == null ? void 0 : p[oe.value]), n && n.comp === "Layout") {
+        const { compData: H = [] } = n;
+        ((v = H == null ? void 0 : H.find((_) => {
+          const { key: se } = _;
+          return se === "children";
+        })) == null ? void 0 : v.contents).push({
+          comp: a.comp,
+          name: a.name,
+          compData: []
+        }), I.setItemData(p);
+        return;
+      }
+      const m = R(i.value);
+      m.push({
+        comp: a.comp,
+        name: a.name,
+        compData: []
+      }), I.setItemData(m), x(m);
+    }, L = (a) => {
+      a.preventDefault(), a.dataTransfer.dropEffect = "copy";
+    }, $ = async (a) => {
+      try {
+        const n = a.dataTransfer.getData("application/json");
+        if (!n) return;
+        const p = JSON.parse(n), m = await l(a), v = f(p, m);
+        await Ke(), s(v), u(JSON.parse(n || "")), console.log("drop"), z();
+      } catch (n) {
+        console.error("Drop error:", n), z();
+      }
+    }, l = async (a) => N.value ? new Promise((n) => {
+      requestAnimationFrame(() => {
+        const p = N.value.getBoundingClientRect(), m = a.clientX - p.left, v = a.clientY, H = Math.floor(m / (p.width / T.value)), Q = Math.floor(v / (p.width / T.value));
+        n({
+          x: Math.max(0, H),
+          y: Math.max(0, Q),
+          w: T.value,
+          h: Y.value
+        });
+      });
+    }) : { x: 0, y: 0 }, f = (a, n) => {
+      var m, v;
+      const p = `item_${Date.now()}_${(v = (m = Math.random()) == null ? void 0 : m.toString(36)) == null ? void 0 : v.substring(2, 9)}`;
+      return {
+        i: p,
+        id: p,
+        x: n.x,
+        y: n.y,
+        w: n.w,
+        h: n.h,
+        component: a,
+        minW: 2,
+        minH: 2
+      };
+    }, s = (a) => {
+      x([...b.value, a], !0);
+    }, z = () => {
+      document.querySelectorAll(".dragging").forEach((a) => {
+        a.classList.remove("dragging");
+      });
+    }, x = (a, n) => {
+      b.value = n ? a : Ze(a), I.setItemGridData({
+        pageKey: E.value,
+        results: b.value
+      }), P.setContentLoading(!1);
+    };
+    ue(() => F.value.step, (a) => {
+      var n;
+      a && c((n = i.value) == null ? void 0 : n[0], 1);
+    }, { immediate: !0 }), ue(() => F.value.grid, (a) => {
+      var n, p;
+      !a && ((n = b.value) == null ? void 0 : n.length) > 0 && I.setItemGridData({
+        pageKey: E.value,
+        results: (p = b.value) == null ? void 0 : p.map((m) => m == null ? void 0 : m.id),
+        isDelete: !0
+      });
+    }, { immediate: !0 }), ue(() => O.value, (a) => {
+      var n, p, m;
+      P.setContentLoading(!0), i.value = !a || (a == null ? void 0 : a.length) === 0 ? [] : (n = R(a)) == null ? void 0 : n.filter((v) => !(v != null && v.affix) || (v == null ? void 0 : v.affix) === "default"), q.value = !a || (a == null ? void 0 : a.length) === 0 ? [] : (p = R(a)) == null ? void 0 : p.filter((v) => (v == null ? void 0 : v.affix) && (v == null ? void 0 : v.affix) !== "default"), (m = F.value) != null && m.grid && x(i.value);
+    }, { deep: !0, immediate: !0 });
+    const B = (a) => Ye(a);
+    return (a, n) => {
+      var Q, _, se, ye, Ce, De, we, Ie, be, xe, ke, Te;
+      const p = K("el-tab-pane"), m = K("el-tabs"), v = K("el-step"), H = K("el-steps");
+      return r(), w("div", {
+        ref_key: "containerRef",
+        ref: N,
+        class: "low-code-wrapper",
+        onDragover: L,
+        onDrop: $
+      }, [
+        (Q = F.value) != null && Q.default ? (r(!0), w(ae, { key: 0 }, te(i.value, (e, y) => (r(), w("div", {
+          class: "item-content",
+          key: y
+        }, [
+          g("div", Na, j(e.name), 1),
+          (r(), A(X(B(e.comp)), {
+            itemData: e == null ? void 0 : e.compData,
+            childItemData: e == null ? void 0 : e.itemChildData,
+            key: y,
+            config: {
+              showIndex: e == null ? void 0 : e.showIndex,
+              allowMove: e == null ? void 0 : e.allowMove,
+              viewport: e == null ? void 0 : e.viewport
+            },
+            pageLayout: M.value,
+            parentTableId: e == null ? void 0 : e.tableId,
+            children: e == null ? void 0 : e.children,
+            level: 1
+          }, null, 8, ["itemData", "childItemData", "config", "pageLayout", "parentTableId", "children"]))
+        ]))), 128)) : G("", !0),
+        (_ = F.value) != null && _.grid ? (r(), A(h(je), {
+          key: 1,
+          ref_key: "gridLayoutRef",
+          ref: U,
+          layout: b.value,
+          "onUpdate:layout": n[0] || (n[0] = (e) => b.value = e),
+          "prevent-collision": !1,
+          "is-draggable": !0,
+          "is-resizable": !0,
+          responsive: !1,
+          "col-num": 24,
+          margin: [8, 16]
+        }, {
+          default: D(() => [
+            (r(!0), w(ae, null, te(b.value, (e, y) => {
+              var pe, Se;
+              return r(), A(h(Qe), {
+                key: e.i,
+                x: e.x,
+                y: e.y,
+                "min-h": e.minH,
+                "max-h": e.maxH,
+                "min-w": e.minW,
+                w: e.w,
+                h: h(He)((pe = i.value[y]) == null ? void 0 : pe.comp) ? 0 : e.h,
+                i: e.i,
+                class: Ge(h(He)((Se = i.value[y]) == null ? void 0 : Se.comp) ? "grid-method-button" : "")
+              }, {
+                default: D(() => {
+                  var Le, Ee, Me, $e, Be, Ve, Re, Ae, Oe, Ne, Ue, Fe;
+                  return [
+                    ee(j(e.h) + " ", 1),
+                    g("div", {
+                      class: Ge((Ee = q.value) != null && Ee.includes((Le = e == null ? void 0 : e.component) == null ? void 0 : Le.id) ? "comp-wrapper affix-content" : "comp-wrapper")
+                    }, [
+                      g("div", Ua, j((Me = i.value[y]) == null ? void 0 : Me.name), 1),
+                      (r(), A(X(B(($e = i.value[y]) == null ? void 0 : $e.comp)), {
+                        pageLayout: M.value,
+                        itemData: (Be = i.value[y]) == null ? void 0 : Be.compData,
+                        childItemData: (Ve = i.value[y]) == null ? void 0 : Ve.itemChildData,
+                        index: ((Re = i.value[y]) == null ? void 0 : Re.id) ?? y,
+                        parentTableId: (Ae = i.value[y]) == null ? void 0 : Ae.tableId,
+                        children: (Oe = i.value[y]) == null ? void 0 : Oe.children,
+                        level: 1,
+                        config: {
+                          showIndex: (Ne = i.value[y]) == null ? void 0 : Ne.showIndex,
+                          allowMove: (Ue = i.value[y]) == null ? void 0 : Ue.allowMove,
+                          viewport: (Fe = i.value[y]) == null ? void 0 : Fe.viewport
+                        }
+                      }, null, 8, ["pageLayout", "itemData", "childItemData", "index", "parentTableId", "children", "config"]))
+                    ], 2)
+                  ];
+                }),
+                _: 2
+              }, 1032, ["x", "y", "min-h", "max-h", "min-w", "w", "h", "i", "class"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["layout"])) : G("", !0),
+        (se = F.value) != null && se.tab ? (r(), w("div", Fa, [
+          C(m, {
+            modelValue: d.value,
+            "onUpdate:modelValue": n[1] || (n[1] = (e) => d.value = e),
+            type: "card",
+            class: "display-tabs"
+          }, {
+            default: D(() => [
+              (r(!0), w(ae, null, te(i.value, (e, y) => (r(), A(p, {
+                key: e.i,
+                label: e == null ? void 0 : e.name,
+                name: e == null ? void 0 : e.name
+              }, {
+                default: D(() => [
+                  (r(), A(X(B(e == null ? void 0 : e.comp)), {
+                    pageLayout: M.value,
+                    itemData: e == null ? void 0 : e.compData,
+                    childItemData: e == null ? void 0 : e.itemChildData,
+                    key: y,
+                    config: {
+                      showIndex: e == null ? void 0 : e.showIndex,
+                      allowMove: e == null ? void 0 : e.allowMove,
+                      viewport: e == null ? void 0 : e.viewport
+                    }
+                  }, null, 8, ["pageLayout", "itemData", "childItemData", "config"]))
+                ]),
+                _: 2
+              }, 1032, ["label", "name"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])) : G("", !0),
+        (ye = F.value) != null && ye.step ? (r(), A(H, {
+          key: 3,
+          direction: "horizontal",
+          active: J.value,
+          "align-center": !0,
+          class: "display-steps"
+        }, {
+          default: D(() => [
+            (r(!0), w(ae, null, te(i.value, (e, y) => (r(), A(v, {
+              key: y,
+              class: "step-item",
+              status: k.value,
+              onClick: (pe) => c(e, y + 1)
+            }, {
+              title: D(() => [
+                ee(j(e == null ? void 0 : e.name), 1)
+              ]),
+              _: 2
+            }, 1032, ["status", "onClick"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["active"])) : G("", !0),
+        (Ce = F.value) != null && Ce.step ? (r(), w("div", za, [
+          (r(), A(X(B((De = t.value) == null ? void 0 : De.comp)), {
+            pageLayout: M.value,
+            itemData: (we = t.value) == null ? void 0 : we.compData,
+            childItemData: (Ie = t.value) == null ? void 0 : Ie.itemChildData,
+            key: (be = t.value) == null ? void 0 : be.id,
+            config: {
+              showIndex: (xe = t.value) == null ? void 0 : xe.showIndex,
+              allowMove: (ke = t.value) == null ? void 0 : ke.allowMove,
+              viewport: (Te = t.value) == null ? void 0 : Te.viewport
+            }
+          }, null, 8, ["pageLayout", "itemData", "childItemData", "config"]))
+        ])) : G("", !0)
+      ], 544);
+    };
+  }
+}, et = /* @__PURE__ */ ge(Ga, [["__scopeId", "data-v-4aa8798c"]]);
+export {
+  et as a,
+  Za as b,
+  Qa as m
+};