hlrender 0.0.142 → 0.0.143

package/widget-wrapper.vue_vue_type_script_setup_true_name_form-item-wrapper_lang-45ed1937.js

@@ -0,0 +1,279 @@
+import { defineComponent as de, resolveComponent as R, openBlock as l, createElementBlock as y, Fragment as N, createVNode as o, createCommentVNode as W, createBlock as h, createSlots as ee, withCtx as a, createElementVNode as U, renderList as te, createTextVNode as C, toDisplayString as k, withModifiers as v, unref as n, renderSlot as S, computed as L, ref as ne, resolveDynamicComponent as ie, mergeProps as V, toHandlers as ae } from "vue";
+import { e as f, c as re, R as se } from "./enum-type-5a9b17ba.js";
+import { I as pe, a as ue } from "./widget-base-4c2d6265.js";
+import { a as oe, i as me, j as ge, k as fe, d as we } from "./index-4a277f99.js";
+import { S as g } from "./index-e9b4d9d2.js";
+import { f as ve } from "./baseImp-2703fc95.js";
+import { c as Q, S as ye } from "./enum-type-673fa7d4.js";
+import { u as We } from "./fieldobj-6e5012ec.js";
+const he = { key: 0 }, ce = { class: "clWhite" }, Ce = { class: "clWhite" }, ke = ["title"], Le = ["title"], be = ["title"], $e = ["title"], Se = /* @__PURE__ */ de({
+  __name: "drag-handler",
+  props: { ...pe, parentTree: { type: Object, default: null }, hidden: { type: Boolean, default: !1 }, simple: { type: Boolean } },
+  setup(w) {
+    const r = w, { setSelected: z, findWidgetById: E, removeWidget: j, moveDownWidget: I, moveUpWidget: B, cloneWidget: D } = oe(r.designer), F = (t) => {
+      const d = t == null ? void 0 : t.id;
+      if (t.selectable === !1)
+        ve.info(f.i18nt("designer.hint.currentNodeCannotBeSelected"));
+      else {
+        const u = E(d);
+        z(u);
+      }
+    };
+    return (t, d) => {
+      var b, $;
+      const u = R("el-dropdown-item"), J = R("el-dropdown-menu"), s = R("el-dropdown"), T = R("el-divider");
+      return l(), y(N, null, [
+        w.hidden === !0 ? (l(), y("i", he, [
+          o(g, { name: "@el-hide" })
+        ])) : W("", !0),
+        w.simple ? (l(), h(s, {
+          key: 1,
+          onCommand: F
+        }, ee({
+          default: a(() => [
+            U("span", ce, [
+              o(g, { name: "@el-arrow-down" })
+            ])
+          ]),
+          _: 2
+        }, [
+          ((b = w.parentTree) == null ? void 0 : b.length) > 0 ? {
+            name: "dropdown",
+            fn: a(() => [
+              o(J, null, {
+                default: a(() => [
+                  (l(!0), y(N, null, te(w.parentTree, (i, m) => (l(), h(u, { command: i }, {
+                    default: a(() => [
+                      C(k(i == null ? void 0 : i.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["command"]))), 256)),
+                  o(u, {
+                    divided: "",
+                    onClick: d[0] || (d[0] = v((i) => n(D)(t.widget, t.parentList), ["stop"]))
+                  }, {
+                    default: a(() => [
+                      o(g, { name: "@el-clone" }),
+                      C(k(n(f).i18nt("designer.hint.cloneWidget")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  o(u, {
+                    onClick: d[1] || (d[1] = v((i) => n(j)(t.widget, t.parentWidget, t.parentList), ["stop"]))
+                  }, {
+                    default: a(() => [
+                      o(g, { name: "@el-delete" }),
+                      C(k(n(f).i18nt("designer.hint.remove")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  t.parentList && t.parentList.length > 1 ? (l(), h(u, {
+                    key: 0,
+                    onClick: d[2] || (d[2] = v((i) => n(B)(t.parentList, t.widget), ["stop"]))
+                  }, {
+                    default: a(() => [
+                      o(g, { name: "@el-move-up" }),
+                      C(k(n(f).i18nt("designer.hint.moveUpWidget")), 1)
+                    ]),
+                    _: 1
+                  })) : W("", !0),
+                  t.parentList && t.parentList.length > 1 ? (l(), h(u, {
+                    key: 1,
+                    onClick: d[3] || (d[3] = v((i) => n(I)(t.parentList, t.widget), ["stop"]))
+                  }, {
+                    default: a(() => [
+                      o(g, { name: "@el-move-down" }),
+                      C(k(n(f).i18nt("designer.hint.moveDownWidget")), 1)
+                    ]),
+                    _: 1
+                  })) : W("", !0),
+                  t.$slots.default ? (l(), h(u, {
+                    key: 2,
+                    divied: ""
+                  }, {
+                    default: a(() => [
+                      S(t.$slots, "default")
+                    ]),
+                    _: 3
+                  })) : W("", !0)
+                ]),
+                _: 3
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1024)) : (l(), y(N, { key: 2 }, [
+          o(s, { onCommand: F }, ee({
+            default: a(() => {
+              var i, m;
+              return [
+                U("span", Ce, [
+                  C(k(n(f).i18n2t(
+                    `designer.widgetLabel.${(i = t.widget) == null ? void 0 : i.type}`,
+                    `extension.widgetLabel.${(m = t.widget) == null ? void 0 : m.type}`
+                  )) + " ", 1),
+                  o(g, {
+                    name: "@el-arrow-down",
+                    class: "el-icon--right"
+                  })
+                ])
+              ];
+            }),
+            _: 2
+          }, [
+            (($ = w.parentTree) == null ? void 0 : $.length) > 0 ? {
+              name: "dropdown",
+              fn: a(() => [
+                o(J, null, {
+                  default: a(() => [
+                    (l(!0), y(N, null, te(w.parentTree, (i, m) => (l(), h(u, { command: i }, {
+                      default: a(() => [
+                        C(k(i == null ? void 0 : i.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["command"]))), 256))
+                  ]),
+                  _: 1
+                })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1024),
+          o(T, {
+            direction: "vertical",
+            "border-style": "dashed",
+            color: "white"
+          }),
+          S(t.$slots, "default"),
+          t.parentList && t.parentList.length > 1 ? (l(), y("i", {
+            key: 0,
+            title: n(f).i18nt("designer.hint.moveUpWidget"),
+            onClick: d[4] || (d[4] = v((i) => n(B)(t.parentList, t.widget), ["stop"]))
+          }, [
+            o(g, { name: "@el-move-up" })
+          ], 8, ke)) : W("", !0),
+          t.parentList && t.parentList.length > 1 ? (l(), y("i", {
+            key: 1,
+            title: n(f).i18nt("designer.hint.moveDownWidget"),
+            onClick: d[5] || (d[5] = v((i) => n(I)(t.parentList, t.widget), ["stop"]))
+          }, [
+            o(g, { name: "@el-move-down" })
+          ], 8, Le)) : W("", !0),
+          U("i", {
+            title: n(f).i18nt("designer.hint.cloneWidget"),
+            onClick: d[6] || (d[6] = v((i) => n(D)(t.widget, t.parentList), ["stop"]))
+          }, [
+            o(g, { name: "@el-clone" })
+          ], 8, be),
+          U("i", {
+            title: n(f).i18nt("designer.hint.remove"),
+            onClick: d[7] || (d[7] = v((i) => n(j)(t.widget, t.parentWidget, t.parentList), ["stop"]))
+          }, [
+            o(g, { name: "@el-delete" })
+          ], 8, $e)
+        ], 64))
+      ], 64);
+    };
+  }
+});
+const He = /* @__PURE__ */ de({
+  __name: "widget-wrapper",
+  props: { ...ue },
+  setup(w) {
+    var Y;
+    const r = w, { selectWidget: z } = oe(r.designer), { widgetTree: E } = me((Y = r.designer) == null ? void 0 : Y.widgetList, !0), { pathNodes: j, parentTree: I } = ge(E.value, r.widget), { size: B, displayLayout: D, labelAlign: F, labelWidth: t, formItemFlag: d, labelSuffix: u, labelHidden: J } = fe(r, re(j.value));
+    we(r.widget);
+    const { getAttrProp: s } = We(r), T = L(() => s == null ? void 0 : s("hidden")), b = L(() => s == null ? void 0 : s("labelWidth")), $ = (e) => e && !["div", "span"].includes(e), i = L(() => {
+      var e, p;
+      return (e = r.widget) != null && e.type ? [Q.grid, Q.gridCol, Q.wrapper].includes((p = r.widget) == null ? void 0 : p.type) : !1;
+    }), m = L(() => {
+      const e = s == null ? void 0 : s("width"), p = s == null ? void 0 : s("ctrlWidth"), c = s == null ? void 0 : s("customClass"), H = s == null ? void 0 : s("componentWrapperClass");
+      let O = {};
+      return b.value != ye.auto && b.value && (O.labelWidth = b.value), {
+        size: B.value,
+        labelAlign: F.value,
+        labelWidth: t.value,
+        // 隐藏的标签宽度仍旧保留，为占位
+        formItemFlag: d.value,
+        formItemAttr: O,
+        ctrlWidth: p,
+        displayStyle: D.value,
+        labelSuffix: u.value || "",
+        injectStyle: {},
+        //verticalAlign: verticalAlign.value, width: withLabel.value ? '100%' : ctrlWidth.value
+        //注：宽度全屏
+        injectClass: [se(c), e ? "" : "full-width", G.value],
+        // filterDisplay.value ? displayStyle.value : ''
+        componentWrapperClass: se(H)
+      };
+    }), X = L(() => {
+      var e, p, c;
+      return !!r.designer && ((e = r.widget) == null ? void 0 : e.id) === ((c = (p = r.designer) == null ? void 0 : p.selectedWidget) == null ? void 0 : c.id);
+    }), M = ne(), q = ne(), le = L(() => {
+      var e, p;
+      if (M.value && q.value && X.value)
+        return ((e = M.value) == null ? void 0 : e.offsetWidth) > ((p = q.value) == null ? void 0 : p.offsetWidth);
+    }), G = L(() => {
+      var e;
+      return (e = r.widget) == null ? void 0 : e.id;
+    });
+    return (e, p) => {
+      var c, H, O, Z, A, P;
+      return e.designState ? (l(), h(ie(e.componentName), V({
+        key: 0,
+        class: ["field-wrapper", [n(X) ? "selected" : "", " drag-handler", e.propOptions.class, n(G), e.showWrapperComponent ? n(m).injectClass : null]],
+        style: e.propOptions.style,
+        onClick: p[0] || (p[0] = v((K) => n(z)(e.widget, e.parentWidget, e.parentList), ["stop"])),
+        ref_key: "wrapperRef",
+        ref: q,
+        tabindex: 0
+      }, $(e.componentName) ? (H = (c = e.propOptions) == null ? void 0 : c.fieldObj) == null ? void 0 : H.attrs : {}), {
+        default: a(() => {
+          var K, _, x;
+          return [
+            S(e.$slots, "default", { data: n(m) }),
+            ((_ = (K = e.designer) == null ? void 0 : K.selectedWidget) == null ? void 0 : _.id) === ((x = e.widget) == null ? void 0 : x.id) ? (l(), y("div", {
+              key: 0,
+              class: "action",
+              ref_key: "dragHandlerRef",
+              ref: M
+            }, [
+              o(Se, {
+                simple: n(le),
+                "design-state": e.designState,
+                designer: e.designer,
+                widget: e.widget,
+                "parent-widget": e.parentWidget,
+                "parent-list": e.parentList,
+                parentTree: n(I),
+                hidden: n(T)
+              }, {
+                default: a(() => [
+                  S(e.$slots, "drag")
+                ]),
+                _: 3
+              }, 8, ["simple", "design-state", "designer", "widget", "parent-widget", "parent-list", "parentTree", "hidden"])
+            ], 512)) : W("", !0)
+          ];
+        }),
+        _: 3
+      }, 16, ["class", "style"])) : !n(T) || n(i) ? (l(), y(N, { key: 1 }, [
+        e.showWrapperComponent ? (l(), h(ie(e.componentName), V({ key: 0 }, $(e.componentName) ? (Z = (O = e.propOptions) == null ? void 0 : O.fieldObj) == null ? void 0 : Z.attrs : {}, ae($(e.componentName) ? (P = (A = e.propOptions) == null ? void 0 : A.fieldObj) == null ? void 0 : P.events : {}), {
+          class: ["_id_BycomponentName", [...n(m).injectClass, n(G), e.propOptions.class, n(T) && n(i) ? "hlhidden" : ""]],
+          style: { ...n(m).injectStyle, ...e.propOptions.style }
+        }), {
+          default: a(() => [
+            S(e.$slots, "default", V({ data: n(m) }, e.$props))
+          ]),
+          _: 3
+        }, 16, ["class", "style"])) : S(e.$slots, "default", V({
+          key: 1,
+          data: n(m)
+        }, e.$props))
+      ], 64)) : W("", !0);
+    };
+  }
+});
+export {
+  He as _
+};

package/{wrapper-widget-a8c4e3dd.js → wrapper-widget-5ad36e6b.js}

@@ -1,7 +1,7 @@
 import { ref as y, watch as L, defineComponent as h, resolveDirective as j, openBlock as b, createBlock as D, mergeProps as W, unref as s, withCtx as O, withDirectives as P, createElementBlock as x, normalizeClass as z, createVNode as R, createCommentVNode as S } from "vue";
 import { I as k } from "./widget-base-4c2d6265.js";
-import { D as A } from "./drag-wrapper-5634520c.js";
-import { _ as B } from "./widget-wrapper.vue_vue_type_script_setup_true_name_form-item-wrapper_lang-b3a3064b.js";
+import { D as A } from "./drag-wrapper-e6fc52d7.js";
+import { _ as B } from "./widget-wrapper.vue_vue_type_script_setup_true_name_form-item-wrapper_lang-45ed1937.js";
 import { w as F } from "./expression-e4a50cfb.js";
 import { W as v } from "./enum-type-673fa7d4.js";
 import { b as N, a as $ } from "./share-field-102c0951.js";

package/widget-wrapper.vue_vue_type_script_setup_true_name_form-item-wrapper_lang-b3a3064b.js

@@ -1,277 +0,0 @@
-import { defineComponent as de, resolveComponent as U, openBlock as l, createElementBlock as v, Fragment as N, createVNode as o, createCommentVNode as y, createBlock as W, createSlots as ee, withCtx as a, createElementVNode as V, renderList as te, createTextVNode as C, toDisplayString as k, withModifiers as w, unref as n, renderSlot as T, computed as L, ref as ne, resolveDynamicComponent as ie, mergeProps as z, toHandlers as re } from "vue";
-import { e as g, c as pe, R as se } from "./enum-type-5a9b17ba.js";
-import { I as ue, a as me } from "./widget-base-4c2d6265.js";
-import { a as oe, i as ge, j as fe, k as we, d as ve } from "./index-4a277f99.js";
-import { S as m } from "./index-e9b4d9d2.js";
-import { f as ye } from "./baseImp-2703fc95.js";
-import { c as Q, S as We } from "./enum-type-673fa7d4.js";
-import { u as he } from "./fieldobj-6e5012ec.js";
-const ce = { key: 0 }, Ce = { class: "clWhite" }, ke = { class: "clWhite" }, Le = ["title"], be = ["title"], $e = ["title"], Se = ["title"], Te = /* @__PURE__ */ de({
-  __name: "drag-handler",
-  props: { ...ue, parentTree: { type: Object, default: null }, hidden: { type: Boolean, default: !1 }, simple: { type: Boolean } },
-  setup(f) {
-    const r = f, { setSelected: E, findWidgetById: J, removeWidget: j, moveDownWidget: I, moveUpWidget: B, cloneWidget: D } = oe(r.designer), F = (t) => {
-      const s = t == null ? void 0 : t.id;
-      if (t.selectable === !1)
-        ye.info(g.i18nt("designer.hint.currentNodeCannotBeSelected"));
-      else {
-        const u = J(s);
-        E(u);
-      }
-    };
-    return (t, s) => {
-      var b, $;
-      const u = U("el-dropdown-item"), M = U("el-dropdown-menu"), H = U("el-dropdown"), d = U("el-divider");
-      return l(), v(N, null, [
-        f.hidden === !0 ? (l(), v("i", ce, [
-          o(m, { name: "@el-hide" })
-        ])) : y("", !0),
-        f.simple ? (l(), W(H, {
-          key: 1,
-          onCommand: F
-        }, ee({
-          default: a(() => [
-            V("span", Ce, [
-              o(m, { name: "@el-arrow-down" })
-            ])
-          ]),
-          _: 2
-        }, [
-          ((b = f.parentTree) == null ? void 0 : b.length) > 0 ? {
-            name: "dropdown",
-            fn: a(() => [
-              o(M, null, {
-                default: a(() => [
-                  (l(!0), v(N, null, te(f.parentTree, (i, h) => (l(), W(u, { command: i }, {
-                    default: a(() => [
-                      C(k(i == null ? void 0 : i.label), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["command"]))), 256)),
-                  o(u, {
-                    divided: "",
-                    onClick: s[0] || (s[0] = w((i) => n(D)(t.widget, t.parentList), ["stop"]))
-                  }, {
-                    default: a(() => [
-                      o(m, { name: "@el-clone" }),
-                      C(k(n(g).i18nt("designer.hint.cloneWidget")), 1)
-                    ]),
-                    _: 1
-                  }),
-                  o(u, {
-                    onClick: s[1] || (s[1] = w((i) => n(j)(t.widget, t.parentWidget, t.parentList), ["stop"]))
-                  }, {
-                    default: a(() => [
-                      o(m, { name: "@el-delete" }),
-                      C(k(n(g).i18nt("designer.hint.remove")), 1)
-                    ]),
-                    _: 1
-                  }),
-                  t.parentList && t.parentList.length > 1 ? (l(), W(u, {
-                    key: 0,
-                    onClick: s[2] || (s[2] = w((i) => n(B)(t.parentList, t.widget), ["stop"]))
-                  }, {
-                    default: a(() => [
-                      o(m, { name: "@el-move-up" }),
-                      C(k(n(g).i18nt("designer.hint.moveUpWidget")), 1)
-                    ]),
-                    _: 1
-                  })) : y("", !0),
-                  t.parentList && t.parentList.length > 1 ? (l(), W(u, {
-                    key: 1,
-                    onClick: s[3] || (s[3] = w((i) => n(I)(t.parentList, t.widget), ["stop"]))
-                  }, {
-                    default: a(() => [
-                      o(m, { name: "@el-move-down" }),
-                      C(k(n(g).i18nt("designer.hint.moveDownWidget")), 1)
-                    ]),
-                    _: 1
-                  })) : y("", !0),
-                  t.$slots.default ? (l(), W(u, {
-                    key: 2,
-                    divied: ""
-                  }, {
-                    default: a(() => [
-                      T(t.$slots, "default")
-                    ]),
-                    _: 3
-                  })) : y("", !0)
-                ]),
-                _: 3
-              })
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1024)) : (l(), v(N, { key: 2 }, [
-          o(H, { onCommand: F }, ee({
-            default: a(() => {
-              var i, h;
-              return [
-                V("span", ke, [
-                  C(k(n(g).i18n2t(
-                    `designer.widgetLabel.${(i = t.widget) == null ? void 0 : i.type}`,
-                    `extension.widgetLabel.${(h = t.widget) == null ? void 0 : h.type}`
-                  )) + " ", 1),
-                  o(m, {
-                    name: "@el-arrow-down",
-                    class: "el-icon--right"
-                  })
-                ])
-              ];
-            }),
-            _: 2
-          }, [
-            (($ = f.parentTree) == null ? void 0 : $.length) > 0 ? {
-              name: "dropdown",
-              fn: a(() => [
-                o(M, null, {
-                  default: a(() => [
-                    (l(!0), v(N, null, te(f.parentTree, (i, h) => (l(), W(u, { command: i }, {
-                      default: a(() => [
-                        C(k(i == null ? void 0 : i.label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["command"]))), 256))
-                  ]),
-                  _: 1
-                })
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1024),
-          o(d, {
-            direction: "vertical",
-            "border-style": "dashed",
-            color: "white"
-          }),
-          T(t.$slots, "default"),
-          t.parentList && t.parentList.length > 1 ? (l(), v("i", {
-            key: 0,
-            title: n(g).i18nt("designer.hint.moveUpWidget"),
-            onClick: s[4] || (s[4] = w((i) => n(B)(t.parentList, t.widget), ["stop"]))
-          }, [
-            o(m, { name: "@el-move-up" })
-          ], 8, Le)) : y("", !0),
-          t.parentList && t.parentList.length > 1 ? (l(), v("i", {
-            key: 1,
-            title: n(g).i18nt("designer.hint.moveDownWidget"),
-            onClick: s[5] || (s[5] = w((i) => n(I)(t.parentList, t.widget), ["stop"]))
-          }, [
-            o(m, { name: "@el-move-down" })
-          ], 8, be)) : y("", !0),
-          V("i", {
-            title: n(g).i18nt("designer.hint.cloneWidget"),
-            onClick: s[6] || (s[6] = w((i) => n(D)(t.widget, t.parentList), ["stop"]))
-          }, [
-            o(m, { name: "@el-clone" })
-          ], 8, $e),
-          V("i", {
-            title: n(g).i18nt("designer.hint.remove"),
-            onClick: s[7] || (s[7] = w((i) => n(j)(t.widget, t.parentWidget, t.parentList), ["stop"]))
-          }, [
-            o(m, { name: "@el-delete" })
-          ], 8, Se)
-        ], 64))
-      ], 64);
-    };
-  }
-});
-const Re = /* @__PURE__ */ de({
-  __name: "widget-wrapper",
-  props: { ...me },
-  setup(f) {
-    var Y;
-    const r = f, { selectWidget: E } = oe(r.designer), { widgetTree: J } = ge((Y = r.designer) == null ? void 0 : Y.widgetList, !0), { pathNodes: j, parentTree: I } = fe(J.value, r.widget), { size: B, displayLayout: D, labelAlign: F, labelWidth: t, formItemFlag: s, labelSuffix: u, labelHidden: M } = we(r, pe(j.value)), { idClass: H } = ve(r.widget), { getAttrProp: d } = he(r), b = L(() => d == null ? void 0 : d("hidden")), $ = L(() => d == null ? void 0 : d("labelWidth")), i = (e) => e && !["div", "span"].includes(e), h = L(() => {
-      var e, p;
-      return (e = r.widget) != null && e.type ? [Q.grid, Q.gridCol, Q.wrapper].includes((p = r.widget) == null ? void 0 : p.type) : !1;
-    }), S = L(() => {
-      const e = d == null ? void 0 : d("width"), p = d == null ? void 0 : d("ctrlWidth"), c = d == null ? void 0 : d("customClass"), R = d == null ? void 0 : d("componentWrapperClass");
-      let O = {};
-      return $.value != We.auto && $.value && (O.labelWidth = $.value), {
-        size: B.value,
-        labelAlign: F.value,
-        labelWidth: t.value,
-        // 隐藏的标签宽度仍旧保留，为占位
-        formItemFlag: s.value,
-        formItemAttr: O,
-        ctrlWidth: p,
-        displayStyle: D.value,
-        labelSuffix: u.value || "",
-        injectStyle: {},
-        //verticalAlign: verticalAlign.value, width: withLabel.value ? '100%' : ctrlWidth.value
-        //注：宽度全屏
-        injectClass: [se(c), e ? "" : "full-width", H, ae.value],
-        // filterDisplay.value ? displayStyle.value : ''
-        componentWrapperClass: se(R)
-      };
-    }), X = L(() => {
-      var e, p, c;
-      return !!r.designer && ((e = r.widget) == null ? void 0 : e.id) === ((c = (p = r.designer) == null ? void 0 : p.selectedWidget) == null ? void 0 : c.id);
-    }), q = ne(), G = ne(), le = L(() => {
-      var e, p;
-      if (q.value && G.value && X.value)
-        return ((e = q.value) == null ? void 0 : e.offsetWidth) > ((p = G.value) == null ? void 0 : p.offsetWidth);
-    }), ae = L(() => {
-      var e;
-      return (e = r.widget) == null ? void 0 : e.id;
-    });
-    return (e, p) => {
-      var c, R, O, Z, A, P;
-      return e.designState ? (l(), W(ie(e.componentName), z({
-        key: 0,
-        class: ["field-wrapper", [n(X) ? "selected" : "", " drag-handler", e.propOptions.class, e.showWrapperComponent ? n(S).injectClass : null]],
-        style: e.propOptions.style,
-        onClick: p[0] || (p[0] = w((K) => n(E)(e.widget, e.parentWidget, e.parentList), ["stop"])),
-        ref_key: "wrapperRef",
-        ref: G,
-        tabindex: 0
-      }, i(e.componentName) ? (R = (c = e.propOptions) == null ? void 0 : c.fieldObj) == null ? void 0 : R.attrs : {}), {
-        default: a(() => {
-          var K, _, x;
-          return [
-            T(e.$slots, "default", { data: n(S) }),
-            ((_ = (K = e.designer) == null ? void 0 : K.selectedWidget) == null ? void 0 : _.id) === ((x = e.widget) == null ? void 0 : x.id) ? (l(), v("div", {
-              key: 0,
-              class: "action",
-              ref_key: "dragHandlerRef",
-              ref: q
-            }, [
-              o(Te, {
-                simple: n(le),
-                "design-state": e.designState,
-                designer: e.designer,
-                widget: e.widget,
-                "parent-widget": e.parentWidget,
-                "parent-list": e.parentList,
-                parentTree: n(I),
-                hidden: n(b)
-              }, {
-                default: a(() => [
-                  T(e.$slots, "drag")
-                ]),
-                _: 3
-              }, 8, ["simple", "design-state", "designer", "widget", "parent-widget", "parent-list", "parentTree", "hidden"])
-            ], 512)) : y("", !0)
-          ];
-        }),
-        _: 3
-      }, 16, ["class", "style"])) : !n(b) || n(h) ? (l(), v(N, { key: 1 }, [
-        e.showWrapperComponent ? (l(), W(ie(e.componentName), z({ key: 0 }, i(e.componentName) ? (Z = (O = e.propOptions) == null ? void 0 : O.fieldObj) == null ? void 0 : Z.attrs : {}, re(i(e.componentName) ? (P = (A = e.propOptions) == null ? void 0 : A.fieldObj) == null ? void 0 : P.events : {}), {
-          class: ["_id_BycomponentName", [...n(S).injectClass, e.propOptions.class, n(b) && n(h) ? "hlhidden" : ""]],
-          style: { ...n(S).injectStyle, ...e.propOptions.style }
-        }), {
-          default: a(() => [
-            T(e.$slots, "default", z({ data: n(S) }, e.$props))
-          ]),
-          _: 3
-        }, 16, ["class", "style"])) : T(e.$slots, "default", z({
-          key: 1,
-          data: n(S)
-        }, e.$props))
-      ], 64)) : y("", !0);
-    };
-  }
-});
-export {
-  Re as _
-};