@kp-ui/lowcode 1.0.25 → 1.0.26

package/src/components/form-designer/form-widget/container-widget/table-widget.vue.js

@@ -1,19 +1,19 @@
-import _ from "../../../../utils/i18n.js";
-import h from "./containerMixin.js";
-import x from "./container-wrapper.vue.js";
-import b from "./table-cell-widget.vue.js";
-import C from "../../refMixinDesign.js";
-import { resolveComponent as o, createBlock as s, openBlock as t, withCtx as y, createElementBlock as n, withModifiers as k, normalizeClass as L, createElementVNode as c, Fragment as d, renderList as g, createCommentVNode as O } from "vue";
+import i18n from "../../../../utils/i18n.js";
+import containerMixin from "./containerMixin.js";
+import ContainerWrapper from "./container-wrapper.vue.js";
+import TableCellWidget from "./table-cell-widget.vue.js";
+import refMixinDesign from "../../refMixinDesign.js";
+import { resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createElementVNode, Fragment, renderList, createCommentVNode } from "vue";
 /* empty css                  */
-import W from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const j = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "table-widget",
   componentName: "ContainerWidget",
-  mixins: [_, h, C],
+  mixins: [i18n, containerMixin, refMixinDesign],
   inject: ["refList"],
   components: {
-    ContainerWrapper: x,
-    TableCellWidget: b
+    ContainerWrapper,
+    TableCellWidget
   },
   props: {
     widget: Object,
@@ -39,43 +39,49 @@ const j = {
   mounted() {
   },
   methods: {}
-}, v = { class: "table-layout" };
-function N(m, a, e, B, M, l) {
-  const w = o("table-cell-widget"), u = o("container-wrapper");
-  return t(), s(u, {
-    designer: e.designer,
-    widget: e.widget,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList
+};
+const _hoisted_1 = { class: "table-layout" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_table_cell_widget = resolveComponent("table-cell-widget");
+  const _component_container_wrapper = resolveComponent("container-wrapper");
+  return openBlock(), createBlock(_component_container_wrapper, {
+    designer: $props.designer,
+    widget: $props.widget,
+    "parent-widget": $props.parentWidget,
+    "parent-list": $props.parentList,
+    "index-of-parent-list": $props.indexOfParentList
   }, {
-    default: y(() => [
-      (t(), n("div", {
-        key: e.widget.id,
-        class: L(["table-container", [l.selected ? "selected" : "", l.customClass]]),
-        onClick: a[0] || (a[0] = k((i) => m.selectWidget(e.widget), ["stop"]))
+    default: withCtx(() => [
+      (openBlock(), createElementBlock("div", {
+        key: $props.widget.id,
+        class: normalizeClass(["table-container", [$options.selected ? "selected" : "", $options.customClass]]),
+        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.selectWidget($props.widget), ["stop"]))
       }, [
-        c("table", v, [
-          c("tbody", null, [
-            (t(!0), n(d, null, g(e.widget.rows, (i, f) => (t(), n("tr", {
-              key: i.id
-            }, [
-              (t(!0), n(d, null, g(i.cols, (r, p) => (t(), n(d, null, [
-                r.merged ? O("", !0) : (t(), s(w, {
-                  widget: r,
-                  designer: e.designer,
-                  key: r.id,
-                  "parent-list": e.widget.cols,
-                  "row-index": f,
-                  "row-length": e.widget.rows.length,
-                  "col-index": p,
-                  "col-length": i.cols.length,
-                  "col-array": i.cols,
-                  "row-array": e.widget.rows,
-                  "parent-widget": e.widget
-                }, null, 8, ["widget", "designer", "parent-list", "row-index", "row-length", "col-index", "col-length", "col-array", "row-array", "parent-widget"]))
-              ], 64))), 256))
-            ]))), 128))
+        createElementVNode("table", _hoisted_1, [
+          createElementVNode("tbody", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.rows, (row, rowIdx) => {
+              return openBlock(), createElementBlock("tr", {
+                key: row.id
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(row.cols, (colWidget, colIdx) => {
+                  return openBlock(), createElementBlock(Fragment, null, [
+                    !colWidget.merged ? (openBlock(), createBlock(_component_table_cell_widget, {
+                      widget: colWidget,
+                      designer: $props.designer,
+                      key: colWidget.id,
+                      "parent-list": $props.widget.cols,
+                      "row-index": rowIdx,
+                      "row-length": $props.widget.rows.length,
+                      "col-index": colIdx,
+                      "col-length": row.cols.length,
+                      "col-array": row.cols,
+                      "row-array": $props.widget.rows,
+                      "parent-widget": $props.widget
+                    }, null, 8, ["widget", "designer", "parent-list", "row-index", "row-length", "col-index", "col-length", "col-array", "row-array", "parent-widget"])) : createCommentVNode("", true)
+                  ], 64);
+                }), 256))
+              ]);
+            }), 128))
           ])
         ])
       ], 2))
@@ -83,7 +89,7 @@ function N(m, a, e, B, M, l) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const R = /* @__PURE__ */ W(j, [["render", N], ["__scopeId", "data-v-264f6e94"]]);
+const tableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-264f6e94"]]);
 export {
-  R as default
+  tableWidget as default
 };

package/src/components/form-designer/form-widget/container-widget/vf-box-item.vue.js

@@ -1,22 +1,22 @@
-import O from "../../../form-render/container-item/container-item-wrapper.vue.js";
-import R from "../../../../utils/emitter.js";
-import _ from "../../../../utils/i18n.js";
-import j from "../field-widget/index.js";
-import L from "../../../form-render/refMixin.js";
-import k from "../../../form-render/container-item/containerItemMixin.js";
-import v from "../../../svg-icon/index.vue.js";
-import { resolveComponent as c, withDirectives as I, createBlock as d, openBlock as n, withCtx as s, createElementBlock as m, normalizeClass as D, createCommentVNode as u, Fragment as g, renderList as f, resolveDynamicComponent as p, createSlots as w, renderSlot as b, normalizeProps as h, guardReactiveProps as F, vShow as M } from "vue";
+import ContainerItemWrapper from "../../../form-render/container-item/container-item-wrapper.vue.js";
+import emitter from "../../../../utils/emitter.js";
+import i18n from "../../../../utils/i18n.js";
+import comps from "../field-widget/index.js";
+import refMixin from "../../../form-render/refMixin.js";
+import containerItemMixin from "../../../form-render/container-item/containerItemMixin.js";
+import SvgIcon from "../../../svg-icon/index.vue.js";
+import { resolveComponent, withDirectives, createBlock, openBlock, withCtx, createElementBlock, normalizeClass, createCommentVNode, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, normalizeProps, guardReactiveProps, vShow } from "vue";
 /* empty css                 */
-import S from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const B = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "VfBoxItem",
   componentName: "boxItem",
   // 必须固定为ContainerItem，用于接收父级组件的broadcast事件
-  mixins: [R, _, L, k],
+  mixins: [emitter, i18n, refMixin, containerItemMixin],
   components: {
-    ContainerItemWrapper: O,
-    SvgIcon: v,
-    ...j
+    ContainerItemWrapper,
+    SvgIcon,
+    ...comps
   },
   props: {
     widget: Object,
@@ -81,10 +81,12 @@ const B = {
     }
   },
   created() {
-    this.initRefList(), this.handleOnCreated();
+    this.initRefList();
+    this.handleOnCreated();
   },
   mounted() {
-    this.loadFormCode(this.widget.options.formCode), this.$nextTick(() => {
+    this.loadFormCode(this.widget.options.formCode);
+    this.$nextTick(() => {
       this.handleOnMounted();
     });
   },
@@ -92,81 +94,94 @@ const B = {
     this.unregisterFromRefList();
   },
   methods: {
-    async loadFormCode(t) {
-      if (t) {
-        const l = await this.$http.get("/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement", {
-          params: { code: t }
-        }).then((e) => e.data.object.frontendDefinition || "{}");
-        this.$refs.dFormRef.setFormJson(JSON.parse(l));
+    async loadFormCode(formCode) {
+      if (formCode) {
+        const res = await this.$http.get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {
+          params: { code: formCode }
+        }).then((res2) => res2.data.object.frontendDefinition || "{}");
+        this.$refs.dFormRef.setFormJson(JSON.parse(res));
       }
     },
     handleOnCreated() {
-      this.widget.options.onCreated && new Function(this.widget.options.onCreated).call(this);
+      if (!!this.widget.options.onCreated) {
+        const customFunc = new Function(this.widget.options.onCreated);
+        customFunc.call(this);
+      }
     },
     handleOnMounted() {
-      this.widget.options.onMounted && new Function(this.widget.options.onMounted).call(this);
+      if (!!this.widget.options.onMounted) {
+        const customFunc = new Function(this.widget.options.onMounted);
+        customFunc.call(this);
+      }
     },
     getFormRef() {
       return this.$refs.dFormRef;
     }
   }
 };
-function N(t, l, e, V, J, y) {
-  const C = c("VFormRender"), x = c("container-item-wrapper");
-  return I((n(), d(x, { widget: e.widget }, {
-    default: s(() => [
-      (n(), m("div", {
-        class: D(["box-container-item", [y.customClass]]),
-        key: e.widget.id
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VFormRender = resolveComponent("VFormRender");
+  const _component_container_item_wrapper = resolveComponent("container-item-wrapper");
+  return withDirectives((openBlock(), createBlock(_component_container_item_wrapper, { widget: $props.widget }, {
+    default: withCtx(() => [
+      (openBlock(), createElementBlock("div", {
+        class: normalizeClass(["box-container-item", [$options.customClass]]),
+        key: $props.widget.id
       }, [
-        e.widget.options.formCode ? (n(), d(C, {
+        $props.widget.options.formCode ? (openBlock(), createBlock(_component_VFormRender, {
           key: 0,
           ref: "dFormRef",
-          "parent-form": e.parentFormRef,
-          "disabled-mode": e.widget.options.disabledMode,
-          "dynamic-creation": !0
-        }, null, 8, ["parent-form", "disabled-mode"])) : u("", !0),
-        e.widget.widgetList && e.widget.widgetList.length > 0 ? (n(!0), m(g, { key: 1 }, f(e.widget.widgetList, (o, r) => (n(), m(g, null, [
-          o.category === "container" ? (n(), d(p(t.getComponentByContainer(o)), {
-            widget: o,
-            key: r,
-            "parent-list": e.widget.widgetList,
-            "index-of-parent-list": r,
-            "parent-widget": e.widget,
-            "sub-form-row-id": e.subFormRowId,
-            "sub-form-row-index": e.subFormRowIndex,
-            "sub-form-col-index": e.subFormColIndex
-          }, w({ _: 2 }, [
-            f(Object.keys(t.$slots), (i) => ({
-              name: i,
-              fn: s((a) => [
-                b(t.$slots, i, h(F(a)), void 0, !0)
-              ])
-            }))
-          ]), 1032, ["widget", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"])) : (n(), d(p(o.type + "-widget"), {
-            field: o,
-            designer: null,
-            key: r,
-            "parent-list": e.widget.widgetList,
-            "index-of-parent-list": r,
-            "parent-widget": e.widget
-          }, w({ _: 2 }, [
-            f(Object.keys(t.$slots), (i) => ({
-              name: i,
-              fn: s((a) => [
-                b(t.$slots, i, h(F(a)), void 0, !0)
-              ])
-            }))
-          ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget"]))
-        ], 64))), 256)) : u("", !0)
+          "parent-form": $props.parentFormRef,
+          "disabled-mode": $props.widget.options.disabledMode,
+          "dynamic-creation": true
+        }, null, 8, ["parent-form", "disabled-mode"])) : createCommentVNode("", true),
+        !!$props.widget.widgetList && $props.widget.widgetList.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList($props.widget.widgetList, (subWidget, swIdx) => {
+          return openBlock(), createElementBlock(Fragment, null, [
+            "container" === subWidget.category ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.getComponentByContainer(subWidget)), {
+              widget: subWidget,
+              key: swIdx,
+              "parent-list": $props.widget.widgetList,
+              "index-of-parent-list": swIdx,
+              "parent-widget": $props.widget,
+              "sub-form-row-id": $props.subFormRowId,
+              "sub-form-row-index": $props.subFormRowIndex,
+              "sub-form-col-index": $props.subFormColIndex
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(_ctx.$slots), (slot) => {
+                return {
+                  name: slot,
+                  fn: withCtx((scope) => [
+                    renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope)), void 0, true)
+                  ])
+                };
+              })
+            ]), 1032, ["widget", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"])) : (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
+              field: subWidget,
+              designer: null,
+              key: swIdx,
+              "parent-list": $props.widget.widgetList,
+              "index-of-parent-list": swIdx,
+              "parent-widget": $props.widget
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(_ctx.$slots), (slot) => {
+                return {
+                  name: slot,
+                  fn: withCtx((scope) => [
+                    renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope)), void 0, true)
+                  ])
+                };
+              })
+            ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget"]))
+          ], 64);
+        }), 256)) : createCommentVNode("", true)
       ], 2))
     ]),
     _: 3
   }, 8, ["widget"])), [
-    [M, !e.widget.options.hidden]
+    [vShow, !$props.widget.options.hidden]
   ]);
 }
-const K = /* @__PURE__ */ S(B, [["render", N], ["__scopeId", "data-v-0daceeb9"]]);
+const vfBoxItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-0daceeb9"]]);
 export {
-  K as default
+  vfBoxItem as default
 };

package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue.js

@@ -1,18 +1,18 @@
-import h from "../../../../utils/i18n.js";
-import p from "../../refMixinDesign.js";
-import w from "../field-widget/index.js";
-import x from "./container-wrapper.vue.js";
-import { resolveComponent as a, createBlock as s, openBlock as r, withCtx as g, createElementBlock as L, withModifiers as u, normalizeClass as v, createCommentVNode as C, createVNode as y, mergeProps as D, createElementVNode as _, resolveDynamicComponent as l } from "vue";
+import i18n from "../../../../utils/i18n.js";
+import refMixinDesign from "../../refMixinDesign.js";
+import comps from "../field-widget/index.js";
+import ContainerWrapper from "./container-wrapper.vue.js";
+import { resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createCommentVNode, createVNode, mergeProps, createElementVNode, resolveDynamicComponent } from "vue";
 /* empty css                   */
-import k from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const F = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "vf-box-widget",
   componentName: "VfBoxWidget",
-  mixins: [h, p],
+  mixins: [i18n, refMixinDesign],
   inject: ["refList"],
   components: {
-    ContainerWrapper: x,
-    ...w
+    ContainerWrapper,
+    ...comps
   },
   props: {
     widget: Object,
@@ -39,39 +39,49 @@ const F = {
     }
   },
   created() {
-    this.initRefList(), this.loadFormCode(this.widget.options.formCode);
+    this.initRefList();
+    this.loadFormCode(this.widget.options.formCode);
   },
   watch: {
-    "widget.options.formCode"(t) {
-      this.loadFormCode(t);
+    "widget.options.formCode"(val) {
+      this.loadFormCode(val);
     }
   },
   methods: {
-    async loadFormCode(t) {
-      if (t) {
-        const i = await this.$http.get("/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement", {
-          params: { code: t }
-        }).then((e) => e.data.object.frontendDefinition || "{}");
-        this.$refs.dFormRef.setFormJson(JSON.parse(i));
+    async loadFormCode(formCode) {
+      if (formCode) {
+        const res = await this.$http.get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {
+          params: { code: formCode }
+        }).then((res2) => res2.data.object.frontendDefinition || "{}");
+        this.$refs.dFormRef.setFormJson(JSON.parse(res));
       }
     },
-    onDialogDragEnd(t, i) {
+    onDialogDragEnd(evt, subList) {
     },
-    onDialogDragAdd(t, i) {
-      const e = t.newIndex;
-      i[e] && this.designer.setSelected(i[e]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
+    onDialogDragAdd(evt, subList) {
+      const newIndex = evt.newIndex;
+      if (!!subList[newIndex]) {
+        this.designer.setSelected(subList[newIndex]);
+      }
+      this.designer.emitHistoryChange();
+      this.designer.emitEvent("field-selected", this.widget);
     },
     onDialogDragUpdate() {
       this.designer.emitHistoryChange();
     },
-    selectWidget(t) {
-      console.log("id: " + t.id), this.designer.setSelected(t);
+    selectWidget(widget) {
+      console.log("id: " + widget.id);
+      this.designer.setSelected(widget);
     },
-    checkContainerMove(t) {
-      return this.designer.checkWidgetMove(t);
+    checkContainerMove(evt) {
+      return this.designer.checkWidgetMove(evt);
     },
     selectParentWidget() {
-      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
+      if (this.parentWidget) {
+        this.designer.setSelected(this.parentWidget);
+      } else {
+        this.designer.clearSelected();
+      }
     },
     moveUpWidget() {
       this.designer.moveUpWidget(this.parentList, this.indexOfParentList);
@@ -80,10 +90,21 @@ const F = {
       this.designer.moveDownWidget(this.parentList, this.indexOfParentList);
     },
     removeWidget() {
-      if (this.parentList) {
-        let t = null;
-        this.parentList.length === 1 ? this.parentWidget && (t = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? t = this.parentList[this.indexOfParentList - 1] : t = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
-          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(t), this.designer.emitHistoryChange();
+      if (!!this.parentList) {
+        let nextSelected = null;
+        if (this.parentList.length === 1) {
+          if (!!this.parentWidget) {
+            nextSelected = this.parentWidget;
+          }
+        } else if (this.parentList.length === 1 + this.indexOfParentList) {
+          nextSelected = this.parentList[this.indexOfParentList - 1];
+        } else {
+          nextSelected = this.parentList[this.indexOfParentList + 1];
+        }
+        this.$nextTick(() => {
+          this.parentList.splice(this.indexOfParentList, 1);
+          this.designer.setSelected(nextSelected);
+          this.designer.emitHistoryChange();
         });
       }
     },
@@ -91,56 +112,59 @@ const F = {
       return this.$refs.dFormRef;
     }
   }
-}, O = { class: "vf-box-drop-zone" };
-function W(t, i, e, P, b, d) {
-  const m = a("VFormRender"), c = a("draggable"), f = a("container-wrapper");
-  return r(), s(f, {
-    designer: e.designer,
-    widget: e.widget,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList
+};
+const _hoisted_1 = { class: "vf-box-drop-zone" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VFormRender = resolveComponent("VFormRender");
+  const _component_draggable = resolveComponent("draggable");
+  const _component_container_wrapper = resolveComponent("container-wrapper");
+  return openBlock(), createBlock(_component_container_wrapper, {
+    designer: $props.designer,
+    widget: $props.widget,
+    "parent-widget": $props.parentWidget,
+    "parent-list": $props.parentList,
+    "index-of-parent-list": $props.indexOfParentList
   }, {
-    default: g(() => [
-      (r(), L("div", {
-        class: v(["box-container", [d.selected ? "selected" : "", d.customClass]]),
-        key: e.widget.id,
-        onClick: i[2] || (i[2] = u((n) => d.selectWidget(e.widget), ["stop"]))
+    default: withCtx(() => [
+      (openBlock(), createElementBlock("div", {
+        class: normalizeClass(["box-container", [$options.selected ? "selected" : "", $options.customClass]]),
+        key: $props.widget.id,
+        onClick: _cache[2] || (_cache[2] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"]))
       }, [
-        e.widget.options.formCode ? (r(), s(m, {
+        $props.widget.options.formCode ? (openBlock(), createBlock(_component_VFormRender, {
           key: 0,
           ref: "dFormRef",
-          "parent-form": e.parentFormRef,
-          "disabled-mode": e.widget.options.disabledMode,
-          "dynamic-creation": !0
-        }, null, 8, ["parent-form", "disabled-mode"])) : C("", !0),
-        y(c, D({
-          list: e.widget.widgetList,
+          "parent-form": $props.parentFormRef,
+          "disabled-mode": $props.widget.options.disabledMode,
+          "dynamic-creation": true
+        }, null, 8, ["parent-form", "disabled-mode"])) : createCommentVNode("", true),
+        createVNode(_component_draggable, mergeProps({
+          list: $props.widget.widgetList,
           "item-key": "id"
         }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
           handle: ".drag-handler",
-          onEnd: i[0] || (i[0] = (n) => d.onDialogDragEnd(n, e.widget.widgetList)),
-          onAdd: i[1] || (i[1] = (n) => d.onDialogDragAdd(n, e.widget.widgetList)),
-          onUpdate: d.onDialogDragUpdate,
-          move: d.checkContainerMove
+          onEnd: _cache[0] || (_cache[0] = (evt) => $options.onDialogDragEnd(evt, $props.widget.widgetList)),
+          onAdd: _cache[1] || (_cache[1] = (evt) => $options.onDialogDragAdd(evt, $props.widget.widgetList)),
+          onUpdate: $options.onDialogDragUpdate,
+          move: $options.checkContainerMove
         }), {
-          item: g(({ element: n, index: o }) => [
-            _("div", O, [
-              n.category === "container" ? (r(), s(l(n.type + "-widget"), {
-                widget: n,
-                designer: e.designer,
-                key: n.id,
-                "parent-list": e.widget.widgetList,
-                "index-of-parent-list": o,
-                "parent-widget": e.widget
-              }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (r(), s(l(n.type + "-widget"), {
-                field: n,
-                designer: e.designer,
-                key: n.id,
-                "parent-list": e.widget.widgetList,
-                "index-of-parent-list": o,
-                "parent-widget": e.widget,
-                "design-state": !0
+          item: withCtx(({ element: subWidget, index: swIdx }) => [
+            createElementVNode("div", _hoisted_1, [
+              "container" === subWidget.category ? (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
+                widget: subWidget,
+                designer: $props.designer,
+                key: subWidget.id,
+                "parent-list": $props.widget.widgetList,
+                "index-of-parent-list": swIdx,
+                "parent-widget": $props.widget
+              }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
+                field: subWidget,
+                designer: $props.designer,
+                key: subWidget.id,
+                "parent-list": $props.widget.widgetList,
+                "index-of-parent-list": swIdx,
+                "parent-widget": $props.widget,
+                "design-state": true
               }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
             ])
           ]),
@@ -151,7 +175,7 @@ function W(t, i, e, P, b, d) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const V = /* @__PURE__ */ k(F, [["render", W], ["__scopeId", "data-v-8b832a99"]]);
+const vfBoxWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8b832a99"]]);
 export {
-  V as default
+  vfBoxWidget as default
 };