@kp-ui/lowcode 1.0.25 → 1.0.27

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

@@ -1,19 +1,19 @@
-import w from "../../../../utils/i18n.js";
-import f from "./grid-col-widget.vue.js";
-import p from "./containerMixin.js";
-import u from "./container-wrapper.vue.js";
-import _ from "../../refMixinDesign.js";
-import { resolveComponent as n, createBlock as r, openBlock as t, withCtx as s, withModifiers as h, normalizeClass as x, createElementBlock as C, Fragment as L, renderList as k } from "vue";
+import i18n from "../../../../utils/i18n.js";
+import GridColWidget from "./grid-col-widget.vue.js";
+import containerMixin from "./containerMixin.js";
+import ContainerWrapper from "./container-wrapper.vue.js";
+import refMixinDesign from "../../refMixinDesign.js";
+import { resolveComponent, createBlock, openBlock, withCtx, withModifiers, normalizeClass, createElementBlock, Fragment, renderList } from "vue";
 /* empty css                 */
-import W from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const O = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "grid-widget",
   componentName: "ContainerWidget",
-  mixins: [w, p, _],
+  mixins: [i18n, containerMixin, refMixinDesign],
   inject: ["refList"],
   components: {
-    ContainerWrapper: u,
-    GridColWidget: f
+    ContainerWrapper,
+    GridColWidget
   },
   props: {
     widget: Object,
@@ -40,32 +40,36 @@ const O = {
   },
   methods: {}
 };
-function b(a, d, e, j, v, o) {
-  const g = n("grid-col-widget"), c = n("a-row"), l = n("container-wrapper");
-  return t(), r(l, {
-    designer: e.designer,
-    widget: e.widget,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_grid_col_widget = resolveComponent("grid-col-widget");
+  const _component_a_row = resolveComponent("a-row");
+  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: s(() => [
-      (t(), r(c, {
-        key: e.widget.id,
-        gutter: e.widget.options.gutter,
-        class: x(["grid-container", [o.selected ? "selected" : "", o.customClass]]),
-        onClick: d[0] || (d[0] = h((i) => a.selectWidget(e.widget), ["stop"]))
+    default: withCtx(() => [
+      (openBlock(), createBlock(_component_a_row, {
+        key: $props.widget.id,
+        gutter: $props.widget.options.gutter,
+        class: normalizeClass(["grid-container", [$options.selected ? "selected" : "", $options.customClass]]),
+        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.selectWidget($props.widget), ["stop"]))
       }, {
-        default: s(() => [
-          (t(!0), C(L, null, k(e.widget.cols, (i, m) => (t(), r(g, {
-            key: i.id,
-            widget: i,
-            designer: e.designer,
-            "parent-list": e.widget.cols,
-            "index-of-parent-list": m,
-            "parent-widget": e.widget,
-            "col-height": e.widget.options.colHeight
-          }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget", "col-height"]))), 128))
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.cols, (colWidget, colIdx) => {
+            return openBlock(), createBlock(_component_grid_col_widget, {
+              key: colWidget.id,
+              widget: colWidget,
+              designer: $props.designer,
+              "parent-list": $props.widget.cols,
+              "index-of-parent-list": colIdx,
+              "parent-widget": $props.widget,
+              "col-height": $props.widget.options.colHeight
+            }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget", "col-height"]);
+          }), 128))
         ]),
         _: 1
       }, 8, ["gutter", "class"]))
@@ -73,7 +77,7 @@ function b(a, d, e, j, v, o) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const D = /* @__PURE__ */ W(O, [["render", b], ["__scopeId", "data-v-95f5c98f"]]);
+const gridWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-95f5c98f"]]);
 export {
-  D as default
+  gridWidget as default
 };

package/src/components/form-designer/form-widget/container-widget/index.js

@@ -1,25 +1,26 @@
-import * as r from "./container-wrapper.vue.js";
-import * as a from "./data-table-widget.vue.js";
-import * as d from "./grid-col-widget.vue.js";
-import * as m from "./grid-sub-form-widget.vue.js";
-import * as g from "./grid-widget.vue.js";
-import * as f from "./sub-form-widget.vue.js";
-import * as s from "./tab-widget.vue.js";
-import * as l from "./table-cell-widget.vue.js";
-import * as v from "./table-widget.vue.js";
-import * as p from "./vf-box-item.vue.js";
-import * as u from "./vf-box-widget.vue.js";
-import * as n from "./vf-collapse-widget.vue.js";
-import * as b from "./vf-dialog-widget.vue.js";
-import * as w from "./vf-drawer-widget.vue.js";
-const e = /* @__PURE__ */ Object.assign({ "./container-wrapper.vue": r, "./data-table-widget.vue": a, "./grid-col-widget.vue": d, "./grid-sub-form-widget.vue": m, "./grid-widget.vue": g, "./sub-form-widget.vue": f, "./tab-widget.vue": s, "./table-cell-widget.vue": l, "./table-widget.vue": v, "./vf-box-item.vue": p, "./vf-box-widget.vue": u, "./vf-collapse-widget.vue": n, "./vf-dialog-widget.vue": b, "./vf-drawer-widget.vue": w }), W = {
-  install(i) {
-    for (const t in e) {
-      const o = e[t].default.name;
-      i.component(o, e[t].default);
+import * as containerWrapper from "./container-wrapper.vue.js";
+import * as dataTableWidget from "./data-table-widget.vue.js";
+import * as gridColWidget from "./grid-col-widget.vue.js";
+import * as gridSubFormWidget from "./grid-sub-form-widget.vue.js";
+import * as gridWidget from "./grid-widget.vue.js";
+import * as subFormWidget from "./sub-form-widget.vue.js";
+import * as tabWidget from "./tab-widget.vue.js";
+import * as tableCellWidget from "./table-cell-widget.vue.js";
+import * as tableWidget from "./table-widget.vue.js";
+import * as vfBoxItem from "./vf-box-item.vue.js";
+import * as vfBoxWidget from "./vf-box-widget.vue.js";
+import * as vfCollapseWidget from "./vf-collapse-widget.vue.js";
+import * as vfDialogWidget from "./vf-dialog-widget.vue.js";
+import * as vfDrawerWidget from "./vf-drawer-widget.vue.js";
+const modules = /* @__PURE__ */ Object.assign({ "./container-wrapper.vue": containerWrapper, "./data-table-widget.vue": dataTableWidget, "./grid-col-widget.vue": gridColWidget, "./grid-sub-form-widget.vue": gridSubFormWidget, "./grid-widget.vue": gridWidget, "./sub-form-widget.vue": subFormWidget, "./tab-widget.vue": tabWidget, "./table-cell-widget.vue": tableCellWidget, "./table-widget.vue": tableWidget, "./vf-box-item.vue": vfBoxItem, "./vf-box-widget.vue": vfBoxWidget, "./vf-collapse-widget.vue": vfCollapseWidget, "./vf-dialog-widget.vue": vfDialogWidget, "./vf-drawer-widget.vue": vfDrawerWidget });
+const ContainerWidgets = {
+  install(app) {
+    for (const path in modules) {
+      const cname = modules[path].default.name;
+      app.component(cname, modules[path].default);
     }
   }
 };
 export {
-  W as default
+  ContainerWidgets as default
 };

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

@@ -1,19 +1,19 @@
-import u from "../../../../utils/i18n.js";
-import w from "./containerMixin.js";
-import h from "./container-wrapper.vue.js";
-import b from "../field-widget/index.js";
-import _ from "../../refMixinDesign.js";
-import { resolveComponent as r, createBlock as s, openBlock as d, withCtx as a, createElementBlock as x, withModifiers as C, normalizeClass as v, createVNode as m, createElementVNode as g, mergeProps as y, normalizeStyle as F, resolveDynamicComponent as S } from "vue";
+import i18n from "../../../../utils/i18n.js";
+import containerMixin from "./containerMixin.js";
+import ContainerWrapper from "./container-wrapper.vue.js";
+import comps from "../field-widget/index.js";
+import refMixinDesign from "../../refMixinDesign.js";
+import { resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createVNode, createElementVNode, mergeProps, normalizeStyle, resolveDynamicComponent } from "vue";
 /* empty css                     */
-import k from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const D = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "sub-form-widget",
   componentName: "ContainerWidget",
-  mixins: [u, w, _],
+  mixins: [i18n, containerMixin, refMixinDesign],
   inject: ["refList"],
   components: {
-    ContainerWrapper: h,
-    ...b
+    ContainerWrapper,
+    ...comps
   },
   props: {
     widget: Object,
@@ -24,7 +24,7 @@ const D = {
   },
   provide() {
     return {
-      getSubFormFieldFlag: () => !0,
+      getSubFormFieldFlag: () => true,
       getSubFormName: () => this.widget.options.name
     };
   },
@@ -45,62 +45,70 @@ const D = {
   mounted() {
   },
   methods: {
-    onSubFormDragAdd(t, n) {
-      const e = t.newIndex;
-      n[e] && this.designer.setSelected(n[e]), this.designer.emitHistoryChange(), console.log("test", "onSubFormDragAdd"), this.designer.emitEvent("field-selected", this.widget);
+    onSubFormDragAdd(evt, subList) {
+      const newIndex = evt.newIndex;
+      if (!!subList[newIndex]) {
+        this.designer.setSelected(subList[newIndex]);
+      }
+      this.designer.emitHistoryChange();
+      console.log("test", "onSubFormDragAdd");
+      this.designer.emitEvent("field-selected", this.widget);
     },
-    onSubFormDragEnd(t) {
-      console.log("sub form drag end: ", t);
+    onSubFormDragEnd(evt) {
+      console.log("sub form drag end: ", evt);
     }
   }
-}, L = { class: "sub-form-table" };
-function E(t, n, e, A, N, o) {
-  const l = r("draggable"), c = r("a-form"), f = r("container-wrapper");
-  return d(), 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: "sub-form-table" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_draggable = resolveComponent("draggable");
+  const _component_a_form = resolveComponent("a-form");
+  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: a(() => [
-      (d(), x("div", {
-        key: e.widget.id,
-        class: v(["sub-form-container", { selected: o.selected }]),
-        onClick: n[1] || (n[1] = C((i) => t.selectWidget(e.widget), ["stop"]))
+    default: withCtx(() => [
+      (openBlock(), createElementBlock("div", {
+        key: $props.widget.id,
+        class: normalizeClass(["sub-form-container", { selected: $options.selected }]),
+        onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.selectWidget($props.widget), ["stop"]))
       }, [
-        m(c, {
+        createVNode(_component_a_form, {
           layout: "horizontal",
           class: "tpf-form"
         }, {
-          default: a(() => [
-            g("div", L, [
-              m(l, y({
-                list: e.widget.widgetList,
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              createVNode(_component_draggable, mergeProps({
+                list: $props.widget.widgetList,
                 "item-key": "id"
               }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
                 tag: "transition-group",
                 "component-data": { name: "fade" },
                 handle: ".drag-handler",
-                onAdd: n[0] || (n[0] = (i) => o.onSubFormDragAdd(i, e.widget.widgetList)),
-                onEnd: o.onSubFormDragEnd,
-                onUpdate: t.onContainerDragUpdate,
-                move: t.checkContainerMove
+                onAdd: _cache[0] || (_cache[0] = (evt) => $options.onSubFormDragAdd(evt, $props.widget.widgetList)),
+                onEnd: $options.onSubFormDragEnd,
+                onUpdate: _ctx.onContainerDragUpdate,
+                move: _ctx.checkContainerMove
               }), {
-                item: a(({ element: i, index: p }) => [
-                  g("div", {
+                item: withCtx(({ element: subWidget, index: swIdx }) => [
+                  createElementVNode("div", {
                     class: "sub-form-table-column",
-                    style: F({ width: i.options.columnWidth })
+                    style: normalizeStyle({ width: subWidget.options.columnWidth })
                   }, [
-                    (d(), s(S(i.type + "-widget"), {
-                      field: i,
-                      designer: e.designer,
-                      key: i.id,
-                      "parent-list": e.widget.widgetList,
-                      "index-of-parent-list": p,
-                      "parent-widget": e.widget,
-                      "design-state": !0,
-                      "sub-form-item-flag": !0
+                    (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,
+                      "sub-form-item-flag": true
                     }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
                   ], 4)
                 ]),
@@ -115,7 +123,7 @@ function E(t, n, e, A, N, o) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const U = /* @__PURE__ */ k(D, [["render", E], ["__scopeId", "data-v-6f4a48e4"]]);
+const subFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6f4a48e4"]]);
 export {
-  U as default
+  subFormWidget as default
 };

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

@@ -1,19 +1,19 @@
-import y from "../../../../utils/i18n.js";
-import _ from "./containerMixin.js";
-import v from "./container-wrapper.vue.js";
-import x from "../field-widget/index.js";
-import T from "../../refMixinDesign.js";
-import { resolveComponent as r, createBlock as l, openBlock as s, withCtx as c, createElementBlock as p, withModifiers as w, normalizeClass as L, createVNode as f, Fragment as F, renderList as O, mergeProps as M, createElementVNode as B, resolveDynamicComponent as u } from "vue";
+import i18n from "../../../../utils/i18n.js";
+import containerMixin from "./containerMixin.js";
+import ContainerWrapper from "./container-wrapper.vue.js";
+import comps from "../field-widget/index.js";
+import refMixinDesign from "../../refMixinDesign.js";
+import { resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createVNode, Fragment, renderList, mergeProps, createElementVNode, resolveDynamicComponent } from "vue";
 /* empty css                */
-import P from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const N = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "tab-widget",
   componentName: "ContainerWidget",
-  mixins: [y, _, T],
+  mixins: [i18n, containerMixin, refMixinDesign],
   inject: ["refList"],
   components: {
-    ContainerWrapper: v,
-    ...x
+    ContainerWrapper,
+    ...comps
   },
   props: {
     widget: Object,
@@ -23,7 +23,7 @@ const N = {
     designer: Object,
     designState: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   data() {
@@ -43,100 +43,123 @@ const N = {
     //
   },
   created() {
-    this.initRefList(), this.handleOnCreated();
+    this.initRefList();
+    this.handleOnCreated();
   },
   mounted() {
     this.handleOnMounted();
   },
   methods: {
     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.designState || this.widget.options.onMounted && new Function(this.widget.options.onMounted).call(this);
+      if (!!this.designState) {
+        return;
+      }
+      if (!!this.widget.options.onMounted) {
+        const mountFunc = new Function(this.widget.options.onMounted);
+        mountFunc.call(this);
+      }
     },
-    changeCurrentTab(e) {
-      var t, a;
-      const n = ((a = (t = this.widget.tabs[e]) == null ? void 0 : t.options) == null ? void 0 : a.label) || "";
-      this.onTabClick(n), this.widget.options.activeTab = n;
+    changeCurrentTab(inx) {
+      var _a, _b;
+      const str = ((_b = (_a = this.widget.tabs[inx]) == null ? void 0 : _a.options) == null ? void 0 : _b.label) || "";
+      this.onTabClick(str);
+      this.widget.options.activeTab = str;
     },
-    onTabClick(e) {
-      const n = this.widget.tabs.findIndex((d) => d.options.label === e), t = e;
-      if (this.widget.tabs.forEach((d) => {
-        d.options.active = d.options.name === t;
-      }), this.designState)
+    onTabClick(evt) {
+      const index = this.widget.tabs.findIndex((item) => item.options.label === evt);
+      const paneName = evt;
+      this.widget.tabs.forEach((tp) => {
+        tp.options.active = tp.options.name === paneName;
+      });
+      if (!!this.designState) {
         return;
-      const a = this.widget.options.onTabClick;
-      a && new Function("tab", "index", a).call(this, t, n);
+      }
+      const onTabClick = this.widget.options.onTabClick;
+      if (onTabClick) {
+        const onTabClickFn = new Function("tab", "index", onTabClick);
+        onTabClickFn.call(this, paneName, index);
+      }
     }
   }
-}, j = { class: "form-widget-list" };
-function A(e, n, t, a, d, g) {
-  const b = r("draggable"), h = r("a-tab-pane"), C = r("a-tabs"), k = r("container-wrapper");
-  return s(), l(k, {
-    designer: t.designer,
-    widget: t.widget,
-    "parent-widget": t.parentWidget,
-    "parent-list": t.parentList,
-    "index-of-parent-list": t.indexOfParentList
+};
+const _hoisted_1 = { class: "form-widget-list" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_draggable = resolveComponent("draggable");
+  const _component_a_tab_pane = resolveComponent("a-tab-pane");
+  const _component_a_tabs = resolveComponent("a-tabs");
+  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: c(() => [
-      (s(), p("div", {
-        key: t.widget.id,
-        class: L(["tab-container", { selected: g.selected }]),
-        onClick: n[2] || (n[2] = w((o) => e.selectWidget(t.widget), ["stop"]))
+    default: withCtx(() => [
+      (openBlock(), createElementBlock("div", {
+        key: $props.widget.id,
+        class: normalizeClass(["tab-container", { selected: $options.selected }]),
+        onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.selectWidget($props.widget), ["stop"]))
       }, [
-        f(C, {
-          type: t.widget.options.type,
-          tabBarGutter: t.widget.options.tabBarGutter,
-          tabPosition: t.widget.options.tabPosition,
-          activeKey: t.widget.options.activeTab,
-          "onUpdate:activeKey": n[1] || (n[1] = (o) => t.widget.options.activeTab = o),
-          onTabClick: g.onTabClick
+        createVNode(_component_a_tabs, {
+          type: $props.widget.options.type,
+          tabBarGutter: $props.widget.options.tabBarGutter,
+          tabPosition: $props.widget.options.tabPosition,
+          activeKey: $props.widget.options.activeTab,
+          "onUpdate:activeKey": _cache[1] || (_cache[1] = ($event) => $props.widget.options.activeTab = $event),
+          onTabClick: $options.onTabClick
         }, {
-          default: c(() => [
-            (s(!0), p(F, null, O(t.widget.tabs, (o) => (s(), l(h, {
-              tab: o.options.label,
-              key: o.options.label,
-              onClick: n[0] || (n[0] = w((i) => e.selectWidget(t.widget), ["stop"]))
-            }, {
-              default: c(() => [
-                f(b, M({
-                  list: o.widgetList,
-                  "item-key": "id"
-                }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
-                  handle: ".drag-handler",
-                  tag: "transition-group",
-                  "component-data": { name: "fade" },
-                  onAdd: (i) => e.onContainerDragAdd(i, o.widgetList),
-                  onUpdate: e.onContainerDragUpdate,
-                  move: e.checkContainerMove
-                }), {
-                  item: c(({ element: i, index: m }) => [
-                    B("div", j, [
-                      i.category === "container" ? (s(), l(u(i.type + "-widget"), {
-                        widget: i,
-                        designer: t.designer,
-                        key: i.id,
-                        "parent-list": o.widgetList,
-                        "index-of-parent-list": m,
-                        "parent-widget": t.widget
-                      }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (s(), l(u(i.type + "-widget"), {
-                        field: i,
-                        designer: t.designer,
-                        key: i.id,
-                        "parent-list": o.widgetList,
-                        "index-of-parent-list": m,
-                        "parent-widget": t.widget,
-                        "design-state": !0
-                      }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
-                    ])
-                  ]),
-                  _: 2
-                }, 1040, ["list", "onAdd", "onUpdate", "move"])
-              ]),
-              _: 2
-            }, 1032, ["tab"]))), 128))
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.tabs, (tab) => {
+              return openBlock(), createBlock(_component_a_tab_pane, {
+                tab: tab.options.label,
+                key: tab.options.label,
+                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.selectWidget($props.widget), ["stop"]))
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_draggable, mergeProps({
+                    list: tab.widgetList,
+                    "item-key": "id"
+                  }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+                    handle: ".drag-handler",
+                    tag: "transition-group",
+                    "component-data": { name: "fade" },
+                    onAdd: (evt) => _ctx.onContainerDragAdd(evt, tab.widgetList),
+                    onUpdate: _ctx.onContainerDragUpdate,
+                    move: _ctx.checkContainerMove
+                  }), {
+                    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": tab.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": tab.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"]))
+                      ])
+                    ]),
+                    _: 2
+                  }, 1040, ["list", "onAdd", "onUpdate", "move"])
+                ]),
+                _: 2
+              }, 1032, ["tab"]);
+            }), 128))
           ]),
           _: 1
         }, 8, ["type", "tabBarGutter", "tabPosition", "activeKey", "onTabClick"])
@@ -145,7 +168,7 @@ function A(e, n, t, a, d, g) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const z = /* @__PURE__ */ P(N, [["render", A], ["__scopeId", "data-v-743d0c0c"]]);
+const tabWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-743d0c0c"]]);
 export {
-  z as default
+  tabWidget as default
 };