@kp-ui/lowcode 2.14.0-beta.2 → 2.14.0-beta.21

package/src/components/form-render/container-item/sub-form-item.vue.js

@@ -1,23 +1,23 @@
 import M from "../../../utils/emitter.js";
-import N from "../../../utils/i18n.js";
-import { deepClone as A, generateId as y } from "../../../utils/util.js";
-import E from "../refMixin.js";
-import V from "./container-item-wrapper.vue.js";
-import z from "./containerItemMixin.js";
-import B from "../../form-designer/form-widget/field-widget/index.js";
-import { SvgIcon as H } from "tmgc2-share";
-import { TpfConfirm as j } from "../../../hooks/TpfConfirm.js";
-import { resolveComponent as S, createBlock as g, openBlock as n, withCtx as r, withDirectives as R, createElementBlock as s, createVNode as a, createElementVNode as u, createCommentVNode as b, toDisplayString as c, createTextVNode as D, Fragment as h, renderList as C, normalizeStyle as T, normalizeClass as q, vShow as _, resolveDynamicComponent as O } from "vue";
+import T from "../../../utils/i18n.js";
+import { deepClone as I, generateId as _ } from "../../../utils/util.js";
+import N from "../refMixin.js";
+import E from "./container-item-wrapper.vue2.js";
+import V from "./containerItemMixin.js";
+import z from "../../form-designer/form-widget/field-widget/index.js";
+import { SvgIcon as B } from "tmgc2-share";
+import { TpfConfirm as H } from "../../../hooks/TpfConfirm.js";
+import { resolveComponent as C, createBlock as D, openBlock as o, withCtx as r, withDirectives as g, createElementBlock as a, createVNode as d, createElementVNode as c, createCommentVNode as w, toDisplayString as h, createTextVNode as k, Fragment as f, renderList as y, normalizeStyle as A, normalizeClass as j, vShow as S, resolveDynamicComponent as q } from "vue";
 /* empty css                   */
-import P from "../../../../_virtual/_plugin-vue_export-helper.js";
-const U = {
+import O from "../../../../_virtual/_plugin-vue_export-helper.js";
+const P = {
   name: "sub-form-item",
   componentName: "ContainerItem",
-  mixins: [M, N, E, z],
+  mixins: [M, T, N, V],
   components: {
-    ContainerItemWrapper: V,
-    ...B,
-    SvgIcon: H
+    ContainerItemWrapper: E,
+    ...z,
+    SvgIcon: B
   },
   props: {
     widget: Object
@@ -66,17 +66,17 @@ const U = {
         this.rowIdData.splice(0, this.rowIdData.length);
         const t = this.formModel[this.widget.options.name];
         t && t.length > 0 && (t.forEach(() => {
-          this.rowIdData.push("id" + y());
+          this.rowIdData.push("id" + _());
         }), e && setTimeout(() => {
           this.handleSubFormRowChange(t);
         }, 800));
       }
     },
     addToRowIdData() {
-      this.rowIdData.push("id" + y());
+      this.rowIdData.push("id" + _());
     },
     insertToRowIdData(e) {
-      this.rowIdData.splice(e, 0, "id" + y());
+      this.rowIdData.splice(e, 0, "id" + _());
     },
     deleteFromRowIdData(e) {
       this.rowIdData.splice(e, 1);
@@ -95,8 +95,8 @@ const U = {
       if (this.fieldSchemaData.splice(0, this.fieldSchemaData.length), e > 0)
         for (let t = 0; t < e; t++) {
           const i = [];
-          this.widget.widgetList.forEach((f) => {
-            i.push(this.cloneFieldSchema(f));
+          this.widget.widgetList.forEach((p) => {
+            i.push(this.cloneFieldSchema(p));
           }), this.fieldSchemaData.push(i);
         }
     },
@@ -110,8 +110,8 @@ const U = {
       this.fieldSchemaData.splice(e, 1);
     },
     cloneFieldSchema(e) {
-      const t = A(e);
-      return t.id = e.type + y(), t;
+      const t = I(e);
+      return t.id = e.type + _(), t;
     },
     initEventHandler() {
       this.widget.type === "sub-form" && this.on$("setFormData", (e) => {
@@ -138,21 +138,21 @@ const U = {
     },
     insertSubFormRow(e) {
       const t = {};
-      this.widget.widgetList.forEach((f) => {
-        f.formItemFlag && (t[f.options.name] = f.options.defaultValue);
+      this.widget.widgetList.forEach((p) => {
+        p.formItemFlag && (t[p.options.name] = p.options.defaultValue);
       });
       const i = this.formModel[this.widget.options.name] || [];
       i.splice(e, 0, t), this.insertToRowIdData(e), this.addToFieldSchemaData(e), this.handleSubFormRowInsert(i, this.rowIdData[e]), this.handleSubFormRowChange(i);
     },
     deleteSubFormRow(e) {
-      j({
+      H({
         type: "confirm",
         content: this.i18nt("render.hint.deleteSubFormRow") + "?",
         title: this.i18nt("render.hint.prompt"),
         okText: this.i18nt("render.hint.confirm"),
         cancelText: this.i18nt("render.hint.cancel")
       }).then(() => {
-        const t = this.formModel[this.widget.options.name] || [], i = A(t[e]);
+        const t = this.formModel[this.widget.options.name] || [], i = I(t[e]);
         t.splice(e, 1), this.deleteFromRowIdData(e), this.deleteFromFieldSchemaData(e), this.handleSubFormRowDelete(t, i), this.handleSubFormRowChange(t);
       }).catch(() => {
       });
@@ -202,123 +202,92 @@ const U = {
       this.deleteDisabled = e;
     }
   }
-}, G = { class: "action-header-column" }, J = { class: "action-label" }, K = {
+}, U = { class: "action-header-column" }, G = { class: "action-label" }, J = {
   key: 0,
   class: "row-no-header-column"
-}, Q = {
+}, K = {
   key: 0,
   class: "custom-label"
-}, X = ["title"], Y = { class: "action-header-column" }, Z = { class: "action-label" }, x = { class: "sub-form-action-column hide-label" }, W = { class: "action-button-column" }, $ = {
+}, Q = { key: 1 }, X = { class: "action-header-column" }, Y = { class: "action-label" }, Z = { class: "sub-form-action-column hide-label" }, W = { class: "action-button-column" }, x = {
   key: 0,
   class: "row-no-column"
-}, ee = {
+}, $ = {
   key: 0,
   class: "row-number-span"
-}, te = { class: "sub-form-action-column hide-label" }, ie = { class: "action-button-column" };
-function oe(e, t, i, f, l, d) {
-  const m = S("svg-icon"), F = S("a-button"), v = S("a-tooltip"), I = S("a-row"), L = S("container-item-wrapper");
-  return n(), g(L, { widget: i.widget }, {
+}, ee = { class: "sub-form-action-column hide-label" }, te = { class: "action-button-column" };
+function ie(e, t, i, p, s, l) {
+  const m = C("svg-icon"), F = C("a-button"), v = C("a-row"), L = C("container-item-wrapper");
+  return o(), D(L, { widget: i.widget }, {
     default: r(() => [
-      R((n(), s("div", {
+      g((o(), a("div", {
         key: i.widget.id,
         class: "sub-form-container"
       }, [
-        a(I, { class: "header-row" }, {
+        d(v, { class: "header-row" }, {
           default: r(() => [
-            u("div", G, [
-              u("span", J, c(e.i18nt("render.hint.subFormAction")), 1),
-              d.isReadMode ? b("", !0) : (n(), g(F, {
+            c("div", U, [
+              c("span", G, h(e.i18nt("render.hint.subFormAction")), 1),
+              l.isReadMode ? w("", !0) : (o(), D(F, {
                 key: 0,
-                disabled: l.actionDisabled || l.insertDisabled,
+                disabled: s.actionDisabled || s.insertDisabled,
                 shape: "round",
                 type: "primary",
                 size: "small",
                 class: "action-button",
-                onClick: d.addSubFormRow,
+                onClick: l.addSubFormRow,
                 title: e.i18nt("render.hint.subFormAddActionHint")
               }, {
                 default: r(() => [
-                  D(c(e.i18nt("render.hint.subFormAddAction")) + " ", 1),
-                  a(m, { "icon-class": "icon-el-plus" })
+                  k(h(e.i18nt("render.hint.subFormAddAction")) + " ", 1),
+                  d(m, { "icon-class": "icon-el-plus" })
                 ]),
                 _: 1
               }, 8, ["disabled", "onClick", "title"]))
             ]),
-            i.widget.options.showRowNumber ? (n(), s("div", K, [
-              u("span", null, c(e.i18nt("render.hint.subFormRowNo")), 1)
-            ])) : b("", !0),
-            (n(!0), s(h, null, C(i.widget.widgetList, (o) => (n(), s(h, {
-              key: o.id + "thc"
+            i.widget.options.showRowNumber ? (o(), a("div", J, [
+              c("span", null, h(e.i18nt("render.hint.subFormRowNo")), 1)
+            ])) : w("", !0),
+            (o(!0), a(f, null, y(i.widget.widgetList, (n) => (o(), a(f, {
+              key: n.id + "thc"
             }, [
-              o.options.hidden ? b("", !0) : (n(), s("div", {
+              n.options.hidden ? w("", !0) : (o(), a("div", {
                 key: 0,
-                class: q(["field-header-column", [
-                  d.getLabelAlign(i.widget, o),
-                  o.options.required ? "is-required" : ""
+                class: j(["field-header-column", [
+                  l.getLabelAlign(i.widget, n),
+                  n.options.required ? "is-required" : ""
                 ]]),
-                style: T({ width: o.options.columnWidth })
+                style: A({ width: n.options.columnWidth })
               }, [
-                o.options.labelIconClass ? (n(), s("span", Q, [
-                  o.options.labelIconPosition === "front" ? (n(), s(h, { key: 0 }, [
-                    o.options.labelTooltip ? (n(), s(h, { key: 0 }, [
-                      a(v, {
-                        title: o.options.labelTooltip
-                      }, {
-                        default: r(() => [
-                          a(m, {
-                            "icon-class": o.options.labelIconClass
-                          }, null, 8, ["icon-class"])
-                        ]),
-                        _: 2
-                      }, 1032, ["title"]),
-                      D(" " + c(o.options.label), 1)
-                    ], 64)) : (n(), s(h, { key: 1 }, [
-                      a(m, {
-                        "icon-class": o.options.labelIconClass
-                      }, null, 8, ["icon-class"]),
-                      D(" " + c(o.options.label), 1)
-                    ], 64))
-                  ], 64)) : o.options.labelIconPosition === "rear" ? (n(), s(h, { key: 1 }, [
-                    o.options.labelTooltip ? (n(), s(h, { key: 0 }, [
-                      D(c(o.options.label) + " ", 1),
-                      a(v, {
-                        title: o.options.labelTooltip
-                      }, {
-                        default: r(() => [
-                          a(m, {
-                            "icon-class": o.options.labelIconClass
-                          }, null, 8, ["icon-class"])
-                        ]),
-                        _: 2
-                      }, 1032, ["title"])
-                    ], 64)) : (n(), s(h, { key: 1 }, [
-                      D(c(o.options.label) + " ", 1),
-                      a(m, {
-                        "icon-class": o.options.labelIconClass
-                      }, null, 8, ["icon-class"])
-                    ], 64))
-                  ], 64)) : b("", !0)
-                ])) : (n(), s("span", {
-                  key: 1,
-                  title: o.options.labelTooltip
-                }, c(o.options.label), 9, X))
+                n.options.labelIconClass ? (o(), a("span", K, [
+                  n.options.labelIconPosition === "front" ? (o(), a(f, { key: 0 }, [
+                    d(m, {
+                      "icon-class": n.options.labelIconClass
+                    }, null, 8, ["icon-class"]),
+                    k(" " + h(n.options.label), 1)
+                  ], 64)) : n.options.labelIconPosition === "rear" ? (o(), a(f, { key: 1 }, [
+                    k(h(n.options.label) + " ", 1),
+                    d(m, {
+                      "icon-class": n.options.labelIconClass
+                    }, null, 8, ["icon-class"])
+                  ], 64)) : w("", !0)
+                ])) : (o(), a("span", Q, h(n.options.label), 1))
               ], 6))
             ], 64))), 128)),
-            u("div", Y, [
-              u("span", Z, c(e.i18nt("render.hint.subFormAction")), 1),
-              d.isReadMode ? b("", !0) : (n(), g(F, {
+            c("div", X, [
+              c("span", Y, h(e.i18nt("render.hint.subFormAction")), 1),
+              l.isReadMode ? w("", !0) : (o(), D(F, {
                 key: 0,
-                disabled: l.actionDisabled || l.insertDisabled,
+                disabled: s.actionDisabled || s.insertDisabled,
                 shape: "round",
                 type: "primary",
                 size: "small",
                 class: "action-button",
-                onClick: d.addSubFormRow,
+                onClick: l.addSubFormRow,
                 title: e.i18nt("render.hint.subFormAddActionHint")
               }, {
                 default: r(() => [
-                  D(c(e.i18nt("render.hint.subFormAddAction")) + " ", 1),
-                  a(m, { "icon-class": "icon-el-plus" })
+                  k(h(e.i18nt("render.hint.subFormAddAction")) + " ", 1),
+                  d(m, { "icon-class": "icon-el-plus" })
                 ]),
                 _: 1
               }, 8, ["disabled", "onClick", "title"]))
@@ -326,90 +295,90 @@ function oe(e, t, i, f, l, d) {
           ]),
           _: 1
         }),
-        (n(!0), s(h, null, C(l.rowIdData, (o, w) => (n(), g(I, {
+        (o(!0), a(f, null, y(s.rowIdData, (n, u) => (o(), D(v, {
           class: "sub-form-row",
-          key: o
+          key: n
         }, {
           default: r(() => [
-            u("div", x, [
-              u("div", W, [
-                R(a(F, {
-                  disabled: l.actionDisabled || l.insertDisabled,
+            c("div", Z, [
+              c("div", W, [
+                g(d(F, {
+                  disabled: s.actionDisabled || s.insertDisabled,
                   shape: "circle",
-                  onClick: (p) => d.insertSubFormRow(w),
+                  onClick: (b) => l.insertSubFormRow(u),
                   title: e.i18nt("render.hint.insertSubFormRow")
                 }, {
                   default: r(() => [
-                    a(m, { "icon-class": "icon-el-plus" })
+                    d(m, { "icon-class": "icon-el-plus" })
                   ]),
                   _: 2
                 }, 1032, ["disabled", "onClick", "title"]), [
-                  [_, !d.isReadMode]
+                  [S, !l.isReadMode]
                 ]),
-                R(a(F, {
-                  disabled: l.actionDisabled || l.deleteDisabled,
+                g(d(F, {
+                  disabled: s.actionDisabled || s.deleteDisabled,
                   shape: "circle",
-                  onClick: (p) => d.deleteSubFormRow(w),
+                  onClick: (b) => l.deleteSubFormRow(u),
                   title: e.i18nt("render.hint.deleteSubFormRow")
                 }, {
                   default: r(() => [
-                    a(m, { "icon-class": "icon-el-delete" })
+                    d(m, { "icon-class": "icon-el-delete" })
                   ]),
                   _: 2
                 }, 1032, ["disabled", "onClick", "title"]), [
-                  [_, !d.isReadMode]
+                  [S, !l.isReadMode]
                 ])
               ])
             ]),
-            i.widget.options.showRowNumber ? (n(), s("div", $, [
-              i.widget.options.showRowNumber ? (n(), s("span", ee, "#" + c(w + 1), 1)) : b("", !0)
-            ])) : b("", !0),
-            (n(!0), s(h, null, C(i.widget.widgetList, (p, k) => (n(), s(h, {
-              key: l.fieldSchemaData[w][k].id
+            i.widget.options.showRowNumber ? (o(), a("div", x, [
+              i.widget.options.showRowNumber ? (o(), a("span", $, "#" + h(u + 1), 1)) : w("", !0)
+            ])) : w("", !0),
+            (o(!0), a(f, null, y(i.widget.widgetList, (b, R) => (o(), a(f, {
+              key: s.fieldSchemaData[u][R].id
             }, [
-              p.options.hidden ? b("", !0) : (n(), s("div", {
+              b.options.hidden ? w("", !0) : (o(), a("div", {
                 key: 0,
                 class: "sub-form-table-column hide-label",
-                style: T({ width: p.options.columnWidth })
+                style: A({ width: b.options.columnWidth })
               }, [
-                (n(), g(O(p.type + "-widget"), {
-                  field: l.fieldSchemaData[w][k],
+                (o(), D(q(b.type + "-widget"), {
+                  field: s.fieldSchemaData[u][R],
                   "parent-list": i.widget.widgetList,
-                  "index-of-parent-list": k,
+                  "index-of-parent-list": R,
                   "parent-widget": i.widget,
-                  "sub-form-row-id": o,
-                  "sub-form-row-index": w,
-                  "sub-form-col-index": k
+                  "sub-form-row-id": n,
+                  "sub-form-row-index": u,
+                  "sub-form-col-index": R
                 }, null, 8, ["field", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"]))
               ], 4))
             ], 64))), 128)),
-            u("div", te, [
-              u("div", ie, [
-                R(a(F, {
-                  disabled: l.actionDisabled || l.insertDisabled,
+            c("div", ee, [
+              c("div", te, [
+                g(d(F, {
+                  disabled: s.actionDisabled || s.insertDisabled,
                   shape: "circle",
-                  onClick: (p) => d.insertSubFormRow(w),
+                  onClick: (b) => l.insertSubFormRow(u),
                   title: e.i18nt("render.hint.insertSubFormRow")
                 }, {
                   default: r(() => [
-                    a(m, { "icon-class": "icon-el-plus" })
+                    d(m, { "icon-class": "icon-el-plus" })
                   ]),
                   _: 2
                 }, 1032, ["disabled", "onClick", "title"]), [
-                  [_, !d.isReadMode]
+                  [S, !l.isReadMode]
                 ]),
-                R(a(F, {
-                  disabled: l.actionDisabled || l.deleteDisabled,
+                g(d(F, {
+                  disabled: s.actionDisabled || s.deleteDisabled,
                   shape: "circle",
-                  onClick: (p) => d.deleteSubFormRow(w),
+                  onClick: (b) => l.deleteSubFormRow(u),
                   title: e.i18nt("render.hint.deleteSubFormRow")
                 }, {
                   default: r(() => [
-                    a(m, { "icon-class": "icon-el-delete" })
+                    d(m, { "icon-class": "icon-el-delete" })
                   ]),
                   _: 2
                 }, 1032, ["disabled", "onClick", "title"]), [
-                  [_, !d.isReadMode]
+                  [S, !l.isReadMode]
                 ])
               ])
             ])
@@ -417,13 +386,13 @@ function oe(e, t, i, f, l, d) {
           _: 2
         }, 1024))), 128))
       ])), [
-        [_, !i.widget.options.hidden]
+        [S, !i.widget.options.hidden]
       ])
     ]),
     _: 1
   }, 8, ["widget"]);
 }
-const pe = /* @__PURE__ */ P(U, [["render", oe], ["__scopeId", "data-v-44e1e557"]]);
+const be = /* @__PURE__ */ O(P, [["render", ie], ["__scopeId", "data-v-18c22eeb"]]);
 export {
-  pe as default
+  be as default
 };

package/src/components/form-render/container-item/tab-item.vue.js

@@ -1,16 +1,16 @@
-import _ from "../../../utils/emitter.js";
+import F from "../../../utils/emitter.js";
 import x from "../../../utils/i18n.js";
 import k from "../refMixin.js";
-import I from "./container-item-wrapper.vue.js";
+import I from "./container-item-wrapper.vue2.js";
 import R from "./containerItemMixin.js";
 import L from "../../form-designer/form-widget/field-widget/index.js";
-import { resolveComponent as f, createBlock as l, openBlock as o, withCtx as s, withDirectives as N, createElementBlock as m, createVNode as B, normalizeClass as M, Fragment as w, renderList as c, resolveDynamicComponent as g, createSlots as h, renderSlot as v, mergeProps as C, vShow as O } from "vue";
+import { resolveComponent as f, createBlock as l, openBlock as o, withCtx as r, withDirectives as N, createElementBlock as m, createVNode as B, normalizeClass as M, Fragment as w, renderList as c, resolveDynamicComponent as g, createSlots as h, renderSlot as v, mergeProps as C, vShow as O } from "vue";
 /* empty css              */
 import P from "../../../../_virtual/_plugin-vue_export-helper.js";
 const S = {
   name: "tab-item",
   componentName: "ContainerItem",
-  mixins: [_, x, k, R],
+  mixins: [F, x, k, R],
   components: {
     ContainerItemWrapper: I,
     ...L
@@ -82,14 +82,14 @@ const S = {
   }
 };
 function j(e, i, t, u, G, p) {
-  const T = f("a-tab-pane"), y = f("a-tabs"), F = f("container-item-wrapper");
-  return o(), l(F, { widget: t.widget }, {
-    default: s(() => [
+  const _ = f("a-tab-pane"), T = f("a-tabs"), y = f("container-item-wrapper");
+  return o(), l(y, { widget: t.widget }, {
+    default: r(() => [
       N((o(), m("div", {
         key: t.widget.id,
         class: "tab-container"
       }, [
-        B(y, {
+        B(T, {
           ref: "fieldEditor",
           activeKey: t.widget.options.activeTab,
           "onUpdate:activeKey": i[0] || (i[0] = (n) => t.widget.options.activeTab = n),
@@ -99,13 +99,13 @@ function j(e, i, t, u, G, p) {
           class: M([e.customClass]),
           onTabClick: p.onTabClick
         }, {
-          default: s(() => [
-            (o(!0), m(w, null, c(p.visibleTabs, (n) => (o(), l(T, {
+          default: r(() => [
+            (o(!0), m(w, null, c(p.visibleTabs, (n) => (o(), l(_, {
               tab: n.options.label,
               disabled: n.options.disabled,
               key: n.options.label
             }, {
-              default: s(() => [
+              default: r(() => [
                 (o(!0), m(w, null, c(n.widgetList, (a, d) => (o(), m(w, null, [
                   a.category === "container" ? (o(), l(g(e.getComponentByContainer(a)), {
                     widget: a,
@@ -117,10 +117,10 @@ function j(e, i, t, u, G, p) {
                     "sub-form-row-index": t.subFormRowIndex,
                     "sub-form-col-index": t.subFormColIndex
                   }, h({ _: 2 }, [
-                    c(Object.keys(e.$slots), (r) => ({
-                      name: r,
-                      fn: s((b) => [
-                        v(e.$slots, r, C({ ref_for: !0 }, b), void 0, !0)
+                    c(Object.keys(e.$slots), (s) => ({
+                      name: s,
+                      fn: r((b) => [
+                        v(e.$slots, s, C({ ref_for: !0 }, b), 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"])) : (o(), l(g(a.type + "-widget"), {
@@ -133,10 +133,10 @@ function j(e, i, t, u, G, p) {
                     "sub-form-row-index": t.subFormRowIndex,
                     "sub-form-col-index": t.subFormColIndex
                   }, h({ _: 2 }, [
-                    c(Object.keys(e.$slots), (r) => ({
-                      name: r,
-                      fn: s((b) => [
-                        v(e.$slots, r, C({ ref_for: !0 }, b), void 0, !0)
+                    c(Object.keys(e.$slots), (s) => ({
+                      name: s,
+                      fn: r((b) => [
+                        v(e.$slots, s, C({ ref_for: !0 }, b), void 0, !0)
                       ])
                     }))
                   ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"]))

package/src/components/form-render/container-item/table-item.vue.js

@@ -1,7 +1,7 @@
-import _ from "../../../utils/emitter.js";
+import p from "../../../utils/emitter.js";
 import x from "../../../utils/i18n.js";
 import I from "../refMixin.js";
-import C from "./container-item-wrapper.vue.js";
+import C from "./container-item-wrapper.vue2.js";
 import y from "./table-cell-item.vue.js";
 import h from "./containerItemMixin.js";
 import { resolveComponent as s, createBlock as c, openBlock as t, withCtx as u, withDirectives as F, createElementBlock as r, createElementVNode as f, normalizeClass as k, Fragment as n, renderList as i, createCommentVNode as R, createSlots as v, renderSlot as L, mergeProps as N, vShow as S } from "vue";
@@ -10,7 +10,7 @@ import j from "../../../../_virtual/_plugin-vue_export-helper.js";
 const B = {
   name: "table-item",
   componentName: "ContainerItem",
-  mixins: [_, x, I, h],
+  mixins: [p, x, I, h],
   components: {
     ContainerItemWrapper: C,
     TableCellItem: y
@@ -57,7 +57,7 @@ function M(o, E, e, O, V, z) {
           class: k(["table-layout", [o.customClass]])
         }, [
           f("tbody", null, [
-            (t(!0), r(n, null, i(e.widget.rows, (m, g) => (t(), r("tr", {
+            (t(!0), r(n, null, i(e.widget.rows, (m, _) => (t(), r("tr", {
               key: m.id
             }, [
               (t(!0), r(n, null, i(m.cols, (d, l) => (t(), r(n, null, [
@@ -65,7 +65,7 @@ function M(o, E, e, O, V, z) {
                   widget: d,
                   key: l,
                   "parent-list": e.widget.cols,
-                  "row-index": g,
+                  "row-index": _,
                   "col-index": l,
                   "parent-widget": e.widget,
                   "sub-form-row-id": e.subFormRowId,
@@ -74,8 +74,8 @@ function M(o, E, e, O, V, z) {
                 }, v({ _: 2 }, [
                   i(Object.keys(o.$slots), (a) => ({
                     name: a,
-                    fn: u((p) => [
-                      L(o.$slots, a, N({ ref_for: !0 }, p), void 0, !0)
+                    fn: u((g) => [
+                      L(o.$slots, a, N({ ref_for: !0 }, g), void 0, !0)
                     ])
                   }))
                 ]), 1032, ["widget", "parent-list", "row-index", "col-index", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"]))