ss-component-new 1.3.664 → 1.3.666

package/dist/array-BHRYnJKv.js

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