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

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

@@ -0,0 +1,429 @@
+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";
+/* empty css                   */
+import P from "../../../../_virtual/_plugin-vue_export-helper.js";
+const U = {
+  name: "sub-form-item",
+  componentName: "ContainerItem",
+  mixins: [M, N, E, z],
+  components: {
+    ContainerItemWrapper: V,
+    ...B,
+    SvgIcon: H
+  },
+  props: {
+    widget: Object
+  },
+  provide() {
+    return {
+      getSubFormFieldFlag: () => !0,
+      getSubFormName: () => this.widget.options.name
+    };
+  },
+  inject: ["refList", "sfRefList", "globalModel", "getReadMode"],
+  data() {
+    return {
+      rowIdData: [],
+      fieldSchemaData: [],
+      actionDisabled: !1,
+      insertDisabled: !1,
+      //是否禁止新增、插入记录
+      deleteDisabled: !1
+      //是否禁止删除记录
+    };
+  },
+  computed: {
+    isReadMode() {
+      return this.getReadMode();
+    }
+  },
+  created() {
+    this.initRefList(), this.registerSubFormToRefList(), this.initRowIdData(!0), this.initFieldSchemaData(), this.initEventHandler();
+  },
+  mounted() {
+    this.handleSubFormFirstRowAdd();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    getLabelAlign(e, t) {
+      return t.options.labelAlign || e.options.labelAlign;
+    },
+    registerSubFormToRefList() {
+      this.widget.type === "sub-form" && (this.sfRefList[this.widget.options.name] = this);
+    },
+    initRowIdData(e) {
+      if (this.widget.type === "sub-form") {
+        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());
+        }), e && setTimeout(() => {
+          this.handleSubFormRowChange(t);
+        }, 800));
+      }
+    },
+    addToRowIdData() {
+      this.rowIdData.push("id" + y());
+    },
+    insertToRowIdData(e) {
+      this.rowIdData.splice(e, 0, "id" + y());
+    },
+    deleteFromRowIdData(e) {
+      this.rowIdData.splice(e, 1);
+    },
+    getRowIdData() {
+      return this.rowIdData;
+    },
+    getWidgetRefOfSubForm(e, t) {
+      const i = e + "@row" + this.rowIdData[t];
+      return this.getWidgetRef(i);
+    },
+    initFieldSchemaData() {
+      if (this.widget.type !== "sub-form")
+        return;
+      const e = this.rowIdData.length;
+      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.fieldSchemaData.push(i);
+        }
+    },
+    addToFieldSchemaData(e) {
+      const t = [];
+      this.widget.widgetList.forEach((i) => {
+        t.push(this.cloneFieldSchema(i));
+      }), e === void 0 ? this.fieldSchemaData.push(t) : this.fieldSchemaData.splice(e, 0, t);
+    },
+    deleteFromFieldSchemaData(e) {
+      this.fieldSchemaData.splice(e, 1);
+    },
+    cloneFieldSchema(e) {
+      const t = A(e);
+      return t.id = e.type + y(), t;
+    },
+    initEventHandler() {
+      this.widget.type === "sub-form" && this.on$("setFormData", (e) => {
+        this.initRowIdData(!1), this.initFieldSchemaData();
+        const t = e[this.widget.options.name] || [];
+        setTimeout(() => {
+          this.handleSubFormRowChange(t);
+        }, 800);
+      });
+    },
+    handleSubFormFirstRowAdd() {
+      if (this.widget.type === "sub-form" && this.widget.options.showBlankRow && this.rowIdData.length === 1) {
+        const e = this.formModel[this.widget.options.name] || [];
+        this.handleSubFormRowAdd(e, this.rowIdData[0]), this.handleSubFormRowChange(e);
+      }
+    },
+    addSubFormRow() {
+      const e = {};
+      this.widget.widgetList.forEach((i) => {
+        i.formItemFlag && (e[i.options.name] = i.options.defaultValue);
+      });
+      const t = this.formModel[this.widget.options.name] || [];
+      t.push(e), this.addToRowIdData(), this.addToFieldSchemaData(), this.handleSubFormRowAdd(t, this.rowIdData[t.length - 1]), this.handleSubFormRowChange(t);
+    },
+    insertSubFormRow(e) {
+      const t = {};
+      this.widget.widgetList.forEach((f) => {
+        f.formItemFlag && (t[f.options.name] = f.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({
+        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]);
+        t.splice(e, 1), this.deleteFromRowIdData(e), this.deleteFromFieldSchemaData(e), this.handleSubFormRowDelete(t, i), this.handleSubFormRowChange(t);
+      }).catch(() => {
+      });
+    },
+    handleSubFormRowChange(e) {
+      this.widget.options.onSubFormRowChange && new Function(
+        "subFormData",
+        this.widget.options.onSubFormRowChange
+      ).call(this, e);
+    },
+    handleSubFormRowAdd(e, t) {
+      this.widget.options.onSubFormRowAdd && new Function(
+        "subFormData",
+        "newRowId",
+        this.widget.options.onSubFormRowAdd
+      ).call(this, e, t);
+    },
+    handleSubFormRowInsert(e, t) {
+      this.widget.options.onSubFormRowInsert && new Function(
+        "subFormData",
+        "newRowId",
+        this.widget.options.onSubFormRowInsert
+      ).call(this, e, t);
+    },
+    handleSubFormRowDelete(e, t) {
+      this.widget.options.onSubFormRowDelete && new Function(
+        "subFormData",
+        "deletedDataRow",
+        this.widget.options.onSubFormRowDelete
+      ).call(this, e, t);
+    },
+    setDisabled(e) {
+      e ? this.disableSubForm() : this.enableSubForm();
+    },
+    /**
+     * 设置单行子表单是否禁止新增、插入记录
+     * @param flag
+     */
+    setInsertDisabled(e) {
+      this.insertDisabled = e;
+    },
+    /**
+     * 设置单行子表单是否禁止删除记录
+     * @param flag
+     */
+    setDeleteDisabled(e) {
+      this.deleteDisabled = e;
+    }
+  }
+}, G = { class: "action-header-column" }, J = { class: "action-label" }, K = {
+  key: 0,
+  class: "row-no-header-column"
+}, Q = {
+  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" }, $ = {
+  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 }, {
+    default: r(() => [
+      R((n(), s("div", {
+        key: i.widget.id,
+        class: "sub-form-container"
+      }, [
+        a(I, { 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, {
+                key: 0,
+                disabled: l.actionDisabled || l.insertDisabled,
+                shape: "round",
+                type: "primary",
+                size: "small",
+                class: "action-button",
+                onClick: d.addSubFormRow,
+                title: e.i18nt("render.hint.subFormAddActionHint")
+              }, {
+                default: r(() => [
+                  D(c(e.i18nt("render.hint.subFormAddAction")) + " ", 1),
+                  a(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"
+            }, [
+              o.options.hidden ? b("", !0) : (n(), s("div", {
+                key: 0,
+                class: q(["field-header-column", [
+                  d.getLabelAlign(i.widget, o),
+                  o.options.required ? "is-required" : ""
+                ]]),
+                style: T({ width: o.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))
+              ], 6))
+            ], 64))), 128)),
+            u("div", Y, [
+              u("span", Z, c(e.i18nt("render.hint.subFormAction")), 1),
+              d.isReadMode ? b("", !0) : (n(), g(F, {
+                key: 0,
+                disabled: l.actionDisabled || l.insertDisabled,
+                shape: "round",
+                type: "primary",
+                size: "small",
+                class: "action-button",
+                onClick: d.addSubFormRow,
+                title: e.i18nt("render.hint.subFormAddActionHint")
+              }, {
+                default: r(() => [
+                  D(c(e.i18nt("render.hint.subFormAddAction")) + " ", 1),
+                  a(m, { "icon-class": "icon-el-plus" })
+                ]),
+                _: 1
+              }, 8, ["disabled", "onClick", "title"]))
+            ])
+          ]),
+          _: 1
+        }),
+        (n(!0), s(h, null, C(l.rowIdData, (o, w) => (n(), g(I, {
+          class: "sub-form-row",
+          key: o
+        }, {
+          default: r(() => [
+            u("div", x, [
+              u("div", W, [
+                R(a(F, {
+                  disabled: l.actionDisabled || l.insertDisabled,
+                  shape: "circle",
+                  onClick: (p) => d.insertSubFormRow(w),
+                  title: e.i18nt("render.hint.insertSubFormRow")
+                }, {
+                  default: r(() => [
+                    a(m, { "icon-class": "icon-el-plus" })
+                  ]),
+                  _: 2
+                }, 1032, ["disabled", "onClick", "title"]), [
+                  [_, !d.isReadMode]
+                ]),
+                R(a(F, {
+                  disabled: l.actionDisabled || l.deleteDisabled,
+                  shape: "circle",
+                  onClick: (p) => d.deleteSubFormRow(w),
+                  title: e.i18nt("render.hint.deleteSubFormRow")
+                }, {
+                  default: r(() => [
+                    a(m, { "icon-class": "icon-el-delete" })
+                  ]),
+                  _: 2
+                }, 1032, ["disabled", "onClick", "title"]), [
+                  [_, !d.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
+            }, [
+              p.options.hidden ? b("", !0) : (n(), s("div", {
+                key: 0,
+                class: "sub-form-table-column hide-label",
+                style: T({ width: p.options.columnWidth })
+              }, [
+                (n(), g(O(p.type + "-widget"), {
+                  field: l.fieldSchemaData[w][k],
+                  "parent-list": i.widget.widgetList,
+                  "index-of-parent-list": k,
+                  "parent-widget": i.widget,
+                  "sub-form-row-id": o,
+                  "sub-form-row-index": w,
+                  "sub-form-col-index": k
+                }, 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,
+                  shape: "circle",
+                  onClick: (p) => d.insertSubFormRow(w),
+                  title: e.i18nt("render.hint.insertSubFormRow")
+                }, {
+                  default: r(() => [
+                    a(m, { "icon-class": "icon-el-plus" })
+                  ]),
+                  _: 2
+                }, 1032, ["disabled", "onClick", "title"]), [
+                  [_, !d.isReadMode]
+                ]),
+                R(a(F, {
+                  disabled: l.actionDisabled || l.deleteDisabled,
+                  shape: "circle",
+                  onClick: (p) => d.deleteSubFormRow(w),
+                  title: e.i18nt("render.hint.deleteSubFormRow")
+                }, {
+                  default: r(() => [
+                    a(m, { "icon-class": "icon-el-delete" })
+                  ]),
+                  _: 2
+                }, 1032, ["disabled", "onClick", "title"]), [
+                  [_, !d.isReadMode]
+                ])
+              ])
+            ])
+          ]),
+          _: 2
+        }, 1024))), 128))
+      ])), [
+        [_, !i.widget.options.hidden]
+      ])
+    ]),
+    _: 1
+  }, 8, ["widget"]);
+}
+const pe = /* @__PURE__ */ P(U, [["render", oe], ["__scopeId", "data-v-44e1e557"]]);
+export {
+  pe as default
+};

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

@@ -0,0 +1,160 @@
+import _ from "../../../utils/emitter.js";
+import x from "../../../utils/i18n.js";
+import k from "../refMixin.js";
+import I from "./container-item-wrapper.vue.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";
+/* empty css              */
+import P from "../../../../_virtual/_plugin-vue_export-helper.js";
+const S = {
+  name: "tab-item",
+  componentName: "ContainerItem",
+  mixins: [_, x, k, R],
+  components: {
+    ContainerItemWrapper: I,
+    ...L
+  },
+  props: {
+    widget: Object,
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    }
+  },
+  inject: ["refList", "sfRefList", "globalModel"],
+  data() {
+    return {
+      activeTabName: ""
+    };
+  },
+  computed: {
+    visibleTabs() {
+      return this.widget.tabs.filter((e) => !e.options.hidden);
+    }
+  },
+  created() {
+    this.initRefList(), this.initActiveTab(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    handleOnCreated() {
+      this.widget.options.onCreated && new Function(this.widget.options.onCreated).call(this);
+    },
+    handleOnMounted() {
+      this.designState || this.widget.options.onMounted && new Function(this.widget.options.onMounted).call(this);
+    },
+    changeCurrentTab(e) {
+      var t, u;
+      const i = ((u = (t = this.widget.tabs[e]) == null ? void 0 : t.options) == null ? void 0 : u.label) || "";
+      this.onTabClick(i), this.widget.options.activeTab = i;
+    },
+    initActiveTab() {
+      if (this.widget.type === "tab" && this.widget.tabs.length > 0) {
+        const e = this.widget.tabs.filter((i) => i.options.active === !0);
+        if (this.widget.options.activeTab) {
+          this.activeTabName = this.widget.options.activeTab;
+          return;
+        }
+        e.length > 0 ? this.activeTabName = e[0].options.label : this.activeTabName = this.widget.tabs[0].options.label;
+      }
+    },
+    onTabClick(e) {
+      const i = this.widget.tabs.findIndex((t) => t.options.label === e);
+      this.widget.options.onTabClick && new Function("tab", "index", this.widget.options.onTabClick).call(this, e, i);
+    }
+  }
+};
+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(() => [
+      N((o(), m("div", {
+        key: t.widget.id,
+        class: "tab-container"
+      }, [
+        B(y, {
+          ref: "fieldEditor",
+          activeKey: t.widget.options.activeTab,
+          "onUpdate:activeKey": i[0] || (i[0] = (n) => t.widget.options.activeTab = n),
+          type: t.widget.options.type,
+          tabBarGutter: t.widget.options.tabBarGutter,
+          tabPosition: t.widget.options.tabPosition,
+          class: M([e.customClass]),
+          onTabClick: p.onTabClick
+        }, {
+          default: s(() => [
+            (o(!0), m(w, null, c(p.visibleTabs, (n) => (o(), l(T, {
+              tab: n.options.label,
+              disabled: n.options.disabled,
+              key: n.options.label
+            }, {
+              default: s(() => [
+                (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,
+                    key: d,
+                    "parent-list": n.widgetList,
+                    "index-of-parent-list": d,
+                    "parent-widget": t.widget,
+                    "sub-form-row-id": t.subFormRowId,
+                    "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)
+                      ])
+                    }))
+                  ]), 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"), {
+                    field: a,
+                    key: d,
+                    "parent-list": n.widgetList,
+                    "index-of-parent-list": d,
+                    "parent-widget": t.widget,
+                    "sub-form-row-id": t.subFormRowId,
+                    "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)
+                      ])
+                    }))
+                  ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"]))
+                ], 64))), 256))
+              ]),
+              _: 2
+            }, 1032, ["tab", "disabled"]))), 128))
+          ]),
+          _: 3
+        }, 8, ["activeKey", "type", "tabBarGutter", "tabPosition", "class", "onTabClick"])
+      ])), [
+        [O, !t.widget.options.hidden]
+      ])
+    ]),
+    _: 3
+  }, 8, ["widget"]);
+}
+const J = /* @__PURE__ */ P(S, [["render", j], ["__scopeId", "data-v-7375c2f0"]]);
+export {
+  J as default
+};

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

@@ -0,0 +1,95 @@
+import p from "../../../utils/emitter.js";
+import x from "../../../utils/i18n.js";
+import C from "../refMixin.js";
+import y from "../../form-designer/form-widget/field-widget/index.js";
+import { createElementBlock as m, openBlock as n, normalizeStyle as I, normalizeClass as _, Fragment as l, renderList as s, createBlock as a, resolveDynamicComponent as u, createSlots as f, withCtx as c, renderSlot as w, mergeProps as b } from "vue";
+/* empty css                     */
+import h from "../../../../_virtual/_plugin-vue_export-helper.js";
+const F = {
+  name: "TableCellItem",
+  componentName: "ContainerItem",
+  mixins: [p, x, C],
+  components: {
+    ...y
+  },
+  props: {
+    widget: Object,
+    rowIndex: Number,
+    colIndex: Number,
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    }
+  },
+  inject: ["refList", "globalModel"],
+  computed: {
+    customClass() {
+      return this.widget.options.customClass || "";
+    }
+  },
+  created() {
+  },
+  methods: {}
+}, k = ["colspan", "rowspan"];
+function R(t, L, e, N, j, g) {
+  return n(), m("td", {
+    class: _(["table-cell", [g.customClass]]),
+    colspan: e.widget.options.colspan || 1,
+    rowspan: e.widget.options.rowspan || 1,
+    style: I({
+      width: e.widget.options.cellWidth + " !important" || "",
+      height: e.widget.options.cellHeight + " !important" || ""
+    })
+  }, [
+    (n(!0), m(l, null, s(e.widget.widgetList, (o, i) => (n(), m(l, null, [
+      o.category === "container" ? (n(), a(u(t.getComponentByContainer(o)), {
+        widget: o,
+        key: i,
+        "parent-list": e.widget.widgetList,
+        "index-of-parent-list": i,
+        "parent-widget": e.widget,
+        "sub-form-row-id": e.subFormRowId,
+        "sub-form-row-index": e.subFormRowIndex,
+        "sub-form-col-index": e.subFormColIndex
+      }, f({ _: 2 }, [
+        s(Object.keys(t.$slots), (r) => ({
+          name: r,
+          fn: c((d) => [
+            w(t.$slots, r, b({ ref_for: !0 }, d), 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(), a(u(o.type + "-widget"), {
+        field: o,
+        key: i,
+        "parent-list": e.widget.widgetList,
+        "index-of-parent-list": i,
+        "parent-widget": e.widget,
+        "sub-form-row-id": e.subFormRowId,
+        "sub-form-row-index": e.subFormRowIndex,
+        "sub-form-col-index": e.subFormColIndex
+      }, f({ _: 2 }, [
+        s(Object.keys(t.$slots), (r) => ({
+          name: r,
+          fn: c((d) => [
+            w(t.$slots, r, b({ ref_for: !0 }, d), 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"]))
+    ], 64))), 256))
+  ], 14, k);
+}
+const D = /* @__PURE__ */ h(F, [["render", R], ["__scopeId", "data-v-ae7f3b63"]]);
+export {
+  D as default
+};