ss-component-new 1.3.243 → 1.3.245

package/dist/{array-Bd2AWZvr.js → array-C-Wdbamm.js}

@@ -1,10 +1,10 @@
-import { ref as k, computed as ae, resolveComponent as te, createElementBlock as M, openBlock as p, 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, createCommentVNode as q, normalizeStyle as ta, withModifiers as ve, normalizeClass as qe, nextTick as na } from "vue";
-import { U as Ie, g as aa, D as oa, F as sa, G as Je, c as ra } from "./index-BkHzbGqN.js";
+import { ref as k, computed as ae, resolveComponent as te, createElementBlock as H, openBlock as p, 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, createCommentVNode as q, normalizeStyle as ta, withModifiers as ve, normalizeClass as qe, nextTick as na } from "vue";
+import { V as Ie, g as aa, E as oa, G as sa, H as Je, e as ra } from "./index-C3PdW3qr.js";
 import { a as Ce, p as he, s as ie, c as K, u as ke, E as ua } from "./index-Bx871P8u.js";
 import { _ as we } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import ca from "./index-rlStojTL.js";
-import { d as ia, c as da } from "./index-Dbz5tht-.js";
-import { s as va } from "./index-Cxi75Fab.js";
+import { d as ia, c as da } from "./index-CER9z-ny.js";
+import { s as va } from "./index-mD2nFCYv.js";
 import { E as pa } from "./request-DHW6ycUJ.js";
 const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class: "group-items" }, ma = ["onDragstart"], ba = {
   __name: "index",
@@ -15,19 +15,19 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
   setup(a, { emit: n }) {
     const i = Ce(he), { itemData: s, activeItemIndex: C } = ie(i), r = n, x = k(null), f = ae(() => {
       var ee, P, U;
-      const $ = { 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) => {
+      const M = { 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((V) => {
         var c, t;
-        return (t = $ == null ? void 0 : $.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) => {
+        return (t = M == null ? void 0 : M.items) == null ? void 0 : t.includes((c = V == null ? void 0 : V.type) == null ? void 0 : c.toUpperCase());
+      }), Z = (P = Ie.value) == null ? void 0 : P.filter((V) => {
         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) => {
+        return (t = O == null ? void 0 : O.items) == null ? void 0 : t.includes((c = V == null ? void 0 : V.type) == null ? void 0 : c.toUpperCase());
+      }), B = (U = Ie.value) == null ? void 0 : U.filter((V) => {
         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 (t = F == null ? void 0 : F.items) == null ? void 0 : t.includes((c = V == null ? void 0 : V.type) == null ? void 0 : c.toUpperCase());
       });
       return [
         {
-          ...$,
+          ...M,
           items: D
         },
         {
@@ -39,29 +39,29 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
           items: B
         }
       ];
-    }), H = ($, O) => {
+    }), $ = (M, O) => {
       try {
-        $.dataTransfer.clearData();
+        M.dataTransfer.clearData();
         const F = {
           ...O,
           timestamp: Date.now()
           // 添加时间戳确保唯一性
         };
-        $.dataTransfer.setData("application/json", JSON.stringify(F)), $.dataTransfer.effectAllowed = "copyMove", $.target.classList.add("dragging"), r("handleDragStart", O);
+        M.dataTransfer.setData("application/json", JSON.stringify(F)), M.dataTransfer.effectAllowed = "copyMove", M.target.classList.add("dragging"), r("handleDragStart", O);
       } catch (F) {
         console.error("Drag start error:", F);
       }
     };
-    return ($, O) => {
+    return (M, O) => {
       const F = te("svg-icon");
-      return p(), M("div", fa, [
-        (p(!0), M(ue, null, ce(f.value, (D) => (p(), M("div", {
+      return p(), H("div", fa, [
+        (p(!0), H(ue, null, ce(f.value, (D) => (p(), H("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", {
+            (p(!0), H(ue, null, ce(D == null ? void 0 : D.items, (Z, B) => (p(), H("div", {
               class: "type-list",
               title: "鼠标拖动",
               ref_for: !0,
@@ -69,7 +69,7 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
               ref: x,
               key: B,
               draggable: !0,
-              onDragstart: (ee) => H(ee, Z)
+              onDragstart: (ee) => $(ee, Z)
             }, [
               R(F, {
                 name: Z.icon,
@@ -306,7 +306,7 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
 }), Da = () => {
   W.show = !1;
 }, Ia = (a, n) => {
-  var s, C, r, x, f, H, $, O, F;
+  var s, C, r, x, f, $, M, 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({
       任务配置: {
@@ -321,7 +321,7 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
       }
     });
   const i = n ? (f = Object.keys(n)) == null ? void 0 : f[1] : "";
-  oe.value === "任务配置" ? W.title = `当前配置：${(H = X.value) == null ? void 0 : H.name}>任务配置>【${(n == null ? void 0 : n[i]) || a}】` : oe.value === "任务关联" && (W.title = `当前配置：${($ = X.value) == null ? void 0 : $.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 === "访问";
+  oe.value === "任务配置" ? W.title = `当前配置：${($ = X.value) == null ? void 0 : $.name}>任务配置>【${(n == null ? void 0 : n[i]) || a}】` : oe.value === "任务关联" && (W.title = `当前配置：${(M = X.value) == null ? void 0 : M.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";
@@ -378,7 +378,7 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
   var r, x;
   const { target: i, styleConfigs: s } = a;
   if (!s) return;
-  const C = s == null ? void 0 : s.reduce((f, H) => (f[H.prop] = H.value, f), {});
+  const C = s == null ? void 0 : s.reduce((f, $) => (f[$.prop] = $.value, f), {});
   n ? N.value = (x = N.value) == null ? void 0 : x.map((f) => (f == null ? void 0 : f.id) === (n == null ? void 0 : n.id) ? {
     ...f,
     ...C
@@ -390,8 +390,8 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
 }, ea = (a, n) => {
   var i;
   return (i = a == null ? void 0 : a.filter((s) => {
-    var C, r, x, f, H;
-    return ((r = (C = s == null ? void 0 : s.key) == null ? void 0 : C.relatedInfo) == null ? void 0 : r.target) === n && ((f = (x = s == null ? void 0 : s.key) == null ? void 0 : x.relatedInfo) == null ? void 0 : f.compId) === ((H = X.value) == null ? void 0 : H.id);
+    var C, r, x, f, $;
+    return ((r = (C = s == null ? void 0 : s.key) == null ? void 0 : C.relatedInfo) == null ? void 0 : r.target) === n && ((f = (x = s == null ? void 0 : s.key) == null ? void 0 : x.relatedInfo) == null ? void 0 : f.compId) === (($ = X.value) == null ? void 0 : $.id);
   })) == null ? void 0 : i.map((s) => {
     var C;
     return {
@@ -406,22 +406,22 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
     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 = {
+}, Ra = { class: "fill-content" }, La = { class: "overall-config-wrapper" }, Ha = { class: "operate-content" }, Ma = ["onClick"], $a = {
   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" }, Ga = { style: { display: "flex", "justify-content": "space-between" } }, za = { title: "样式" }, Ka = { title: "交互" }, ja = { title: "扩展" }, Pa = { style: { width: "100%", "max-height": "500px", overflow: "auto" } }, Wa = {
+}, Va = ["onClick"], Aa = { title: "设置" }, Na = ["onClick"], Ua = { class: "parent-main" }, Ga = { style: { display: "flex", "justify-content": "space-between" } }, za = { 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 x = k([]), f = k([]), H = k([]), $ = ae(() => {
+    const x = k([]), f = k([]), $ = k([]), M = 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, G;
-        return (h == null ? void 0 : h.comp) === ((G = (V = N.value) == null ? void 0 : V[0]) == null ? void 0 : G.comp);
+        var A, G;
+        return (h == null ? void 0 : h.comp) === ((G = (A = N.value) == null ? void 0 : A[0]) == null ? void 0 : G.comp);
       }) ? (v = (g = N.value) == null ? void 0 : g[0]) == null ? void 0 : v.comp : null;
     }), O = (c) => {
       var g;
@@ -432,8 +432,8 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
       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((G, u) => (c === u && (G.content = !1), G));
+      var A;
+      let g = (A = K(f.value)) == null ? void 0 : A.map((G, u) => (c === u && (G.content = !1), G));
       f.value = g;
       const v = K(i.value), h = v == null ? void 0 : v.filter((G, u) => (u === c && (G.name = t), G));
       n.setOriginalData(h), n.setItemData(h);
@@ -445,27 +445,27 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
       () => 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"), x.value = N.value, f.value = (g = K(x.value)) == null ? void 0 : g.map((h, V) => ({
-          id: 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"), x.value = N.value, f.value = (g = K(x.value)) == null ? void 0 : g.map((h, A) => ({
+          id: A,
           content: !1
-        })), H.value = (v = K(x.value)) == null ? void 0 : v.map((h, V) => ({
-          id: V,
+        })), $.value = (v = K(x.value)) == null ? void 0 : v.map((h, A) => ({
+          id: A,
           isShow: h == null ? void 0 : h.isShow
         }));
       },
       { deep: !0, immediate: !0 }
     );
     const B = (c) => aa(c), ee = (c, t, g, v) => {
-      var V, G;
+      var A, G;
       if (!c) return;
       let h = K(i.value);
-      h = (V = h == null ? void 0 : h.map((u, y) => {
+      h = (A = 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 = (G = K(h)) == null ? void 0 : G.map((u, y) => ({
+      })) == null ? void 0 : A.filter((u) => (u == null ? void 0 : u.comp) !== "methodButton"), f.value = (G = K(h)) == null ? void 0 : G.map((u, y) => ({
         id: y,
         content: !1
       })), n.setOriginalData(h), n.setItemData(h);
@@ -475,7 +475,7 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
         return;
       }
       n.setActiveItemIndex(-1);
-    }, A = (c) => {
+    }, V = (c) => {
       ua.confirm("是否确认要删除", "", {
         confirmButtonText: "确认",
         cancelButtonText: "取消",
@@ -493,19 +493,19 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
     };
     return (c, t) => {
       var G;
-      const g = te("svg-icon"), v = te("el-tab-pane"), h = te("el-card"), V = te("el-tabs");
-      return p(), M("div", Ra, [
+      const g = te("svg-icon"), v = te("el-tab-pane"), h = te("el-card"), A = te("el-tabs");
+      return p(), H("div", Ra, [
         t[10] || (t[10] = w("div", { class: "fill-operate" }, "操作栏", -1)),
         w("div", La, [
-          (p(), j(le(B($.value + "style")), {
+          (p(), j(le(B(M.value + "style")), {
             target: "overall",
             optionItems: _(Xe),
-            compType: $.value,
+            compType: M.value,
             comp: (G = _(N)) == null ? void 0 : G[0],
             onChange: _(Qe)
           }, null, 40, ["optionItems", "compType", "comp", "onChange"]))
         ]),
-        w("div", Ma, [
+        w("div", Ha, [
           R(ca, {
             class: "collapse-content",
             collapseContents: _(N),
@@ -521,13 +521,13 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
                   class: "collapse-title-content",
                   onClick: (T) => U(y, d)
                 }, [
-                  w("div", Ha, [
-                    (E = (Y = f.value) == null ? void 0 : Y.find((T) => T.id === y)) != null && E.content ? q("", !0) : (p(), M("div", {
+                  w("div", $a, [
+                    (E = (Y = f.value) == null ? void 0 : Y.find((T) => T.id === y)) != null && E.content ? q("", !0) : (p(), H("div", {
                       key: 0,
                       class: "collapse-title",
                       style: ta({ marginRight: u.name && u.name !== "" ? "8px" : "0px" })
                     }, re(u.name), 5)),
-                    (l = (z = f.value) == null ? void 0 : z.find((T) => T.id === y)) != null && l.content ? (p(), M("div", Ba, [
+                    (l = (z = f.value) == null ? void 0 : z.find((T) => T.id === y)) != null && l.content ? (p(), H("div", Ba, [
                       R(da, {
                         modelValue: u.name,
                         "onUpdate:modelValue": (T) => u.name = T,
@@ -535,7 +535,7 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
                         }, ["stop"]))
                       }, null, 8, ["modelValue", "onUpdate:modelValue"])
                     ])) : q("", !0),
-                    (m = (o = f.value) == null ? void 0 : o.find((T) => T.id === y)) != null && m.content ? q("", !0) : (p(), M("div", {
+                    (m = (o = f.value) == null ? void 0 : o.find((T) => T.id === y)) != null && m.content ? q("", !0) : (p(), H("div", {
                       key: 2,
                       onClick: ve((T) => O(y), ["stop"]),
                       class: "icon-content"
@@ -547,7 +547,7 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
                     ], 8, Ea))
                   ]),
                   w("div", Oa, [
-                    (b = (I = f.value) == null ? void 0 : I.find((T) => T.id === y)) != null && b.content ? (p(), M("div", Fa, [
+                    (b = (I = f.value) == null ? void 0 : I.find((T) => T.id === y)) != null && b.content ? (p(), H("div", Fa, [
                       R(g, {
                         name: "Cancel",
                         style: { width: "16px", height: "16px" },
@@ -561,22 +561,22 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
                         class: "icon-content"
                       }, null, 8, ["onClick"])
                     ])) : q("", !0),
-                    (se = (Q = f.value) == null ? void 0 : Q.find((T) => T.id === y)) != null && se.content ? q("", !0) : (p(), M("div", {
+                    (se = (Q = f.value) == null ? void 0 : Q.find((T) => T.id === y)) != null && se.content ? q("", !0) : (p(), H("div", {
                       key: 1,
-                      onClick: ve((T) => A(y), ["stop"]),
+                      onClick: ve((T) => V(y), ["stop"]),
                       class: "icon-content"
                     }, [
                       R(g, {
                         name: "Delete",
                         style: { width: "16px", height: "16px" }
                       })
-                    ], 8, Aa))
+                    ], 8, Va))
                   ])
-                ], 8, $a)
+                ], 8, Ma)
               ];
             }),
             content: L(({ item: u, index: y }) => [
-              R(V, {
+              R(A, {
                 modelValue: _(_e),
                 "onUpdate:modelValue": t[2] || (t[2] = (d) => Ye(_e) ? _e.value = d : null),
                 class: "config-tabs",
@@ -588,7 +588,7 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
                     name: "data"
                   }, {
                     label: L(() => [
-                      w("span", Va, [
+                      w("span", Aa, [
                         R(g, {
                           name: "LowCodeSetting",
                           style: { width: "15px", height: "15px", "margin-right": "5px" }
@@ -617,8 +617,8 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
                           w("div", Ga, [
                             t[4] || (t[4] = w("div", { class: "operate-center-content" }, re("是否显示"), -1)),
                             R(ia, {
-                              value: H.value.find((E) => E.id === y).isShow,
-                              "onUpdate:value": (E) => H.value.find((z) => z.id === y).isShow = E,
+                              value: $.value.find((E) => E.id === y).isShow,
+                              "onUpdate:value": (E) => $.value.find((z) => z.id === y).isShow = E,
                               onClick: (E) => Z(u)
                             }, null, 8, ["value", "onUpdate:value", "onClick"])
                           ])
@@ -684,7 +684,7 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
                       ])
                     ]),
                     default: L(() => [
-                      R(V, {
+                      R(A, {
                         "tab-position": "left",
                         modelValue: _(oe),
                         "onUpdate:modelValue": t[1] || (t[1] = (d) => Ye(oe) ? oe.value = d : null),
@@ -692,7 +692,7 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
                         onTabChange: _(wa)
                       }, {
                         default: L(() => [
-                          (p(!0), M(ue, null, ce(_(ya), (d, Y) => (p(), j(v, {
+                          (p(!0), H(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
@@ -767,18 +767,18 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
 }, Qa = {
   __name: "index",
   setup(a) {
-    const n = Ce(he), { itemData: i, activeItemIndex: s, pageMapState: C } = ie(n), r = k([]), x = k(0), f = k(""), H = ke(he), { activeMenuPath: $ } = ie(H), O = k(null), F = k(null), D = k(24), Z = k(2), B = k([]), ee = k([]), P = ae(() => {
+    const n = Ce(he), { itemData: i, activeItemIndex: s, pageMapState: C } = ie(n), r = k([]), x = k(0), f = k(""), $ = ke(he), { activeMenuPath: M } = 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",
+        default: !c.value && !V.value && U.value === "vertical" && ((l = r.value) == null ? void 0 : l.length) > 0,
+        grid: c.value && !V.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
+        step: V.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(() => {
+    }), V = ae(() => {
       var l, o;
       return (o = (l = r.value) == null ? void 0 : l[0]) == null ? void 0 : o.isStepLayout;
     }), c = ae(() => {
@@ -812,7 +812,7 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
         name: l.name,
         compData: []
       }), n.setItemData(I), E(I);
-    }, V = (l) => {
+    }, A = (l) => {
       l.preventDefault(), l.dataTransfer.dropEffect = "copy";
     }, G = async (l) => {
       try {
@@ -855,9 +855,9 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
       });
     }, E = (l, o) => {
       B.value = o ? l : ra(l), n.setItemGridData({
-        pageKey: $.value,
+        pageKey: M.value,
         results: B.value
-      }), H.setContentLoading(!1);
+      }), $.setContentLoading(!1);
     };
     be(() => P.value.step, (l) => {
       var o;
@@ -865,26 +865,26 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
     }, { immediate: !0 }), be(() => P.value.grid, (l) => {
       var o, m;
       !l && ((o = B.value) == null ? void 0 : o.length) > 0 && n.setItemGridData({
-        pageKey: $.value,
+        pageKey: M.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;
-      H.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(!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);
     }, { deep: !0, immediate: !0 });
     const z = (l) => aa(l);
     return (l, o) => {
-      var se, T, me, xe, Te, Se, Re, Le, Me, $e, He, Be;
+      var se, T, me, xe, Te, Se, Re, Le, He, Me, $e, Be;
       const m = te("el-tab-pane"), I = te("el-tabs"), b = te("el-step"), Q = te("el-steps");
-      return p(), M("div", {
+      return p(), H("div", {
         ref_key: "containerRef",
         ref: O,
         class: "low-code-wrapper",
-        onDragover: V,
+        onDragover: A,
         onDrop: G
       }, [
-        (se = P.value) != null && se.default ? (p(!0), M(ue, { key: 0 }, ce(r.value, (e, S) => (p(), M("div", {
+        (se = P.value) != null && se.default ? (p(!0), H(ue, { key: 0 }, ce(r.value, (e, S) => (p(), H("div", {
           class: "item-content",
           key: S
         }, [
@@ -918,7 +918,7 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
           margin: [8, 16]
         }, {
           default: L(() => [
-            (p(!0), M(ue, null, ce(B.value, (e, S) => {
+            (p(!0), H(ue, null, ce(B.value, (e, S) => {
               var De, Ee;
               return p(), j(_(sa), {
                 key: e.i,
@@ -933,13 +933,13 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
                 class: qe(_(Je)((Ee = r.value[S]) == null ? void 0 : Ee.comp) ? "grid-method-button" : "")
               }, {
                 default: L(() => {
-                  var Oe, Fe, Ae, Ve, Ne, Ue, Ge, ze, Ke, je, Pe, We;
+                  var Oe, Fe, Ve, Ae, Ne, Ue, Ge, ze, 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(z((Ve = r.value[S]) == null ? void 0 : Ve.comp)), {
+                      w("div", qa, re((Ve = r.value[S]) == null ? void 0 : Ve.name), 1),
+                      (p(), j(le(z((Ae = r.value[S]) == null ? void 0 : Ae.comp)), {
                         pageLayout: U.value,
                         itemData: (Ne = r.value[S]) == null ? void 0 : Ne.compData,
                         childItemData: (Ue = r.value[S]) == null ? void 0 : Ue.itemChildData,
@@ -962,7 +962,7 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
           ]),
           _: 1
         }, 8, ["layout"])) : q("", !0),
-        (me = P.value) != null && me.tab ? (p(), M("div", Ja, [
+        (me = P.value) != null && me.tab ? (p(), H("div", Ja, [
           R(I, {
             modelValue: g.value,
             "onUpdate:modelValue": o[1] || (o[1] = (e) => g.value = e),
@@ -970,7 +970,7 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
             class: "display-tabs"
           }, {
             default: L(() => [
-              (p(!0), M(ue, null, ce(r.value, (e, S) => (p(), j(m, {
+              (p(!0), H(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
@@ -1002,7 +1002,7 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
           class: "display-steps"
         }, {
           default: L(() => [
-            (p(!0), M(ue, null, ce(r.value, (e, S) => (p(), j(b, {
+            (p(!0), H(ue, null, ce(r.value, (e, S) => (p(), j(b, {
               key: S,
               class: "step-item",
               status: f.value,
@@ -1016,15 +1016,15 @@ const fa = { class: "type-select" }, ha = { class: "group-label" }, ga = { class
           ]),
           _: 1
         }, 8, ["active"])) : q("", !0),
-        (Te = P.value) != null && Te.step ? (p(), M("div", Xa, [
+        (Te = P.value) != null && Te.step ? (p(), H("div", Xa, [
           (p(), j(le(z((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,
+            key: (He = t.value) == null ? void 0 : He.id,
             config: {
-              showIndex: ($e = t.value) == null ? void 0 : $e.showIndex,
-              allowMove: (He = t.value) == null ? void 0 : He.allowMove,
+              showIndex: (Me = t.value) == null ? void 0 : Me.showIndex,
+              allowMove: ($e = t.value) == null ? void 0 : $e.allowMove,
               viewport: (Be = t.value) == null ? void 0 : Be.viewport
             }
           }, null, 8, ["pageLayout", "itemData", "childItemData", "config"]))