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

package/src/components/form-render/container-item/index.js

@@ -0,0 +1,24 @@
+import * as a from "./container-item-wrapper.vue.js";
+import * as o from "./data-table-item.vue.js";
+import * as i from "./grid-col-item.vue.js";
+import * as s from "./grid-item.vue.js";
+import * as f from "./grid-sub-form-item.vue.js";
+import * as l from "./sub-form-item.vue.js";
+import * as p from "./tab-item.vue.js";
+import * as u from "./table-cell-item.vue.js";
+import * as n from "./table-item.vue.js";
+import * as v from "./vf-collapse-item.vue.js";
+import * as d from "./vf-dialog-item.vue.js";
+import * as b from "./vf-drawer-item.vue.js";
+const e = /* @__PURE__ */ Object.assign({ "./container-item-wrapper.vue": a, "./data-table-item.vue": o, "./grid-col-item.vue": i, "./grid-item.vue": s, "./grid-sub-form-item.vue": f, "./sub-form-item.vue": l, "./tab-item.vue": p, "./table-cell-item.vue": u, "./table-item.vue": n, "./vf-collapse-item.vue": v, "./vf-dialog-item.vue": d, "./vf-drawer-item.vue": b }), I = {
+  install(m) {
+    for (const t in e) {
+      const r = e[t].default.name;
+      m.component(r, e[t].default);
+    }
+  }
+};
+export {
+  e as ContainerWidgetMap,
+  I as default
+};

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

@@ -0,0 +1,398 @@
+import M from "../../../utils/emitter.js";
+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 O from "../../../../_virtual/_plugin-vue_export-helper.js";
+const P = {
+  name: "sub-form-item",
+  componentName: "ContainerItem",
+  mixins: [M, T, N, V],
+  components: {
+    ContainerItemWrapper: E,
+    ...z,
+    SvgIcon: B
+  },
+  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" + _());
+        }), e && setTimeout(() => {
+          this.handleSubFormRowChange(t);
+        }, 800));
+      }
+    },
+    addToRowIdData() {
+      this.rowIdData.push("id" + _());
+    },
+    insertToRowIdData(e) {
+      this.rowIdData.splice(e, 0, "id" + _());
+    },
+    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((p) => {
+            i.push(this.cloneFieldSchema(p));
+          }), 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 = I(e);
+      return t.id = e.type + _(), 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((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) {
+      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 = I(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;
+    }
+  }
+}, U = { class: "action-header-column" }, G = { class: "action-label" }, J = {
+  key: 0,
+  class: "row-no-header-column"
+}, K = {
+  key: 0,
+  class: "custom-label"
+}, 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"
+}, $ = {
+  key: 0,
+  class: "row-number-span"
+}, 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(() => [
+      g((o(), a("div", {
+        key: i.widget.id,
+        class: "sub-form-container"
+      }, [
+        d(v, { class: "header-row" }, {
+          default: r(() => [
+            c("div", U, [
+              c("span", G, h(e.i18nt("render.hint.subFormAction")), 1),
+              l.isReadMode ? w("", !0) : (o(), D(F, {
+                key: 0,
+                disabled: s.actionDisabled || s.insertDisabled,
+                shape: "round",
+                type: "primary",
+                size: "small",
+                class: "action-button",
+                onClick: l.addSubFormRow,
+                title: e.i18nt("render.hint.subFormAddActionHint")
+              }, {
+                default: r(() => [
+                  k(h(e.i18nt("render.hint.subFormAddAction")) + " ", 1),
+                  d(m, { "icon-class": "icon-el-plus" })
+                ]),
+                _: 1
+              }, 8, ["disabled", "onClick", "title"]))
+            ]),
+            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"
+            }, [
+              n.options.hidden ? w("", !0) : (o(), a("div", {
+                key: 0,
+                class: j(["field-header-column", [
+                  l.getLabelAlign(i.widget, n),
+                  n.options.required ? "is-required" : ""
+                ]]),
+                style: A({ width: n.options.columnWidth })
+              }, [
+                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)),
+            c("div", X, [
+              c("span", Y, h(e.i18nt("render.hint.subFormAction")), 1),
+              l.isReadMode ? w("", !0) : (o(), D(F, {
+                key: 0,
+                disabled: s.actionDisabled || s.insertDisabled,
+                shape: "round",
+                type: "primary",
+                size: "small",
+                class: "action-button",
+                onClick: l.addSubFormRow,
+                title: e.i18nt("render.hint.subFormAddActionHint")
+              }, {
+                default: r(() => [
+                  k(h(e.i18nt("render.hint.subFormAddAction")) + " ", 1),
+                  d(m, { "icon-class": "icon-el-plus" })
+                ]),
+                _: 1
+              }, 8, ["disabled", "onClick", "title"]))
+            ])
+          ]),
+          _: 1
+        }),
+        (o(!0), a(f, null, y(s.rowIdData, (n, u) => (o(), D(v, {
+          class: "sub-form-row",
+          key: n
+        }, {
+          default: r(() => [
+            c("div", Z, [
+              c("div", W, [
+                g(d(F, {
+                  disabled: s.actionDisabled || s.insertDisabled,
+                  shape: "circle",
+                  onClick: (b) => l.insertSubFormRow(u),
+                  title: e.i18nt("render.hint.insertSubFormRow")
+                }, {
+                  default: r(() => [
+                    d(m, { "icon-class": "icon-el-plus" })
+                  ]),
+                  _: 2
+                }, 1032, ["disabled", "onClick", "title"]), [
+                  [S, !l.isReadMode]
+                ]),
+                g(d(F, {
+                  disabled: s.actionDisabled || s.deleteDisabled,
+                  shape: "circle",
+                  onClick: (b) => l.deleteSubFormRow(u),
+                  title: e.i18nt("render.hint.deleteSubFormRow")
+                }, {
+                  default: r(() => [
+                    d(m, { "icon-class": "icon-el-delete" })
+                  ]),
+                  _: 2
+                }, 1032, ["disabled", "onClick", "title"]), [
+                  [S, !l.isReadMode]
+                ])
+              ])
+            ]),
+            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
+            }, [
+              b.options.hidden ? w("", !0) : (o(), a("div", {
+                key: 0,
+                class: "sub-form-table-column hide-label",
+                style: A({ width: b.options.columnWidth })
+              }, [
+                (o(), D(q(b.type + "-widget"), {
+                  field: s.fieldSchemaData[u][R],
+                  "parent-list": i.widget.widgetList,
+                  "index-of-parent-list": R,
+                  "parent-widget": i.widget,
+                  "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)),
+            c("div", ee, [
+              c("div", te, [
+                g(d(F, {
+                  disabled: s.actionDisabled || s.insertDisabled,
+                  shape: "circle",
+                  onClick: (b) => l.insertSubFormRow(u),
+                  title: e.i18nt("render.hint.insertSubFormRow")
+                }, {
+                  default: r(() => [
+                    d(m, { "icon-class": "icon-el-plus" })
+                  ]),
+                  _: 2
+                }, 1032, ["disabled", "onClick", "title"]), [
+                  [S, !l.isReadMode]
+                ]),
+                g(d(F, {
+                  disabled: s.actionDisabled || s.deleteDisabled,
+                  shape: "circle",
+                  onClick: (b) => l.deleteSubFormRow(u),
+                  title: e.i18nt("render.hint.deleteSubFormRow")
+                }, {
+                  default: r(() => [
+                    d(m, { "icon-class": "icon-el-delete" })
+                  ]),
+                  _: 2
+                }, 1032, ["disabled", "onClick", "title"]), [
+                  [S, !l.isReadMode]
+                ])
+              ])
+            ])
+          ]),
+          _: 2
+        }, 1024))), 128))
+      ])), [
+        [S, !i.widget.options.hidden]
+      ])
+    ]),
+    _: 1
+  }, 8, ["widget"]);
+}
+const be = /* @__PURE__ */ O(P, [["render", ie], ["__scopeId", "data-v-18c22eeb"]]);
+export {
+  be as default
+};

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

@@ -0,0 +1,160 @@
+import F from "../../../utils/emitter.js";
+import x from "../../../utils/i18n.js";
+import k from "../refMixin.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 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: [F, 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 _ = 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(T, {
+          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: 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: 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,
+                    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), (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"), {
+                    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), (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"]))
+                ], 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
+};