@kp-ui/lowcode 1.0.25 → 1.0.27

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

@@ -1,30 +1,30 @@
-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 H from "../../svg-icon/index.vue.js";
-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 emitter from "../../../utils/emitter.js";
+import i18n from "../../../utils/i18n.js";
+import { deepClone, generateId } from "../../../utils/util.js";
+import refMixin from "../refMixin.js";
+import ContainerItemWrapper from "./container-item-wrapper.vue.js";
+import containerItemMixin from "./containerItemMixin.js";
+import comps from "../../form-designer/form-widget/field-widget/index.js";
+import SvgIcon from "../../svg-icon/index.vue.js";
+import { TpfConfirm } from "../../../hooks/TpfConfirm.js";
+import { resolveComponent, createBlock, openBlock, withCtx, withDirectives, createElementBlock, createVNode, createElementVNode, createCommentVNode, toDisplayString, createTextVNode, Fragment, renderList, normalizeStyle, normalizeClass, vShow, resolveDynamicComponent } from "vue";
 /* empty css                   */
-import P from "../../../../_virtual/_plugin-vue_export-helper.js";
-const U = {
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "sub-form-item",
   componentName: "ContainerItem",
-  mixins: [M, N, E, z],
+  mixins: [emitter, i18n, refMixin, containerItemMixin],
   components: {
-    ContainerItemWrapper: V,
-    ...B,
-    SvgIcon: H
+    ContainerItemWrapper,
+    ...comps,
+    SvgIcon
   },
   props: {
     widget: Object
   },
   provide() {
     return {
-      getSubFormFieldFlag: () => !0,
+      getSubFormFieldFlag: () => true,
       getSubFormName: () => this.widget.options.name
     };
   },
@@ -33,10 +33,10 @@ const U = {
     return {
       rowIdData: [],
       fieldSchemaData: [],
-      actionDisabled: !1,
-      insertDisabled: !1,
+      actionDisabled: false,
+      insertDisabled: false,
       //是否禁止新增、插入记录
-      deleteDisabled: !1
+      deleteDisabled: false
       //是否禁止删除记录
     };
   },
@@ -46,7 +46,11 @@ const U = {
     }
   },
   created() {
-    this.initRefList(), this.registerSubFormToRefList(), this.initRowIdData(!0), this.initFieldSchemaData(), this.initEventHandler();
+    this.initRefList();
+    this.registerSubFormToRefList();
+    this.initRowIdData(true);
+    this.initFieldSchemaData();
+    this.initEventHandler();
   },
   mounted() {
     this.handleSubFormFirstRowAdd();
@@ -55,372 +59,453 @@ const U = {
     this.unregisterFromRefList();
   },
   methods: {
-    getLabelAlign(e, t) {
-      return t.options.labelAlign || e.options.labelAlign;
+    getLabelAlign(widget, subWidget) {
+      return subWidget.options.labelAlign || widget.options.labelAlign;
     },
     registerSubFormToRefList() {
-      this.widget.type === "sub-form" && (this.sfRefList[this.widget.options.name] = this);
+      if (this.widget.type === "sub-form") {
+        this.sfRefList[this.widget.options.name] = this;
+      }
     },
-    initRowIdData(e) {
+    initRowIdData(initFlag) {
       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));
+        const subFormModel = this.formModel[this.widget.options.name];
+        if (!!subFormModel && subFormModel.length > 0) {
+          subFormModel.forEach(() => {
+            this.rowIdData.push("id" + generateId());
+          });
+          if (!!initFlag) {
+            setTimeout(() => {
+              this.handleSubFormRowChange(subFormModel);
+            }, 800);
+          }
+        }
       }
     },
     addToRowIdData() {
-      this.rowIdData.push("id" + y());
+      this.rowIdData.push("id" + generateId());
     },
-    insertToRowIdData(e) {
-      this.rowIdData.splice(e, 0, "id" + y());
+    insertToRowIdData(rowIndex) {
+      this.rowIdData.splice(rowIndex, 0, "id" + generateId());
     },
-    deleteFromRowIdData(e) {
-      this.rowIdData.splice(e, 1);
+    deleteFromRowIdData(rowIndex) {
+      this.rowIdData.splice(rowIndex, 1);
     },
     getRowIdData() {
       return this.rowIdData;
     },
-    getWidgetRefOfSubForm(e, t) {
-      const i = e + "@row" + this.rowIdData[t];
-      return this.getWidgetRef(i);
+    getWidgetRefOfSubForm(widgetName, rowIndex) {
+      const realWidgetName = widgetName + "@row" + this.rowIdData[rowIndex];
+      return this.getWidgetRef(realWidgetName);
     },
     initFieldSchemaData() {
-      if (this.widget.type !== "sub-form")
+      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);
+      }
+      const rowLength = this.rowIdData.length;
+      this.fieldSchemaData.splice(0, this.fieldSchemaData.length);
+      if (rowLength > 0) {
+        for (let i = 0; i < rowLength; i++) {
+          const fieldSchemas = [];
+          this.widget.widgetList.forEach((swItem) => {
+            fieldSchemas.push(this.cloneFieldSchema(swItem));
+          });
+          this.fieldSchemaData.push(fieldSchemas);
         }
+      }
     },
-    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);
+    addToFieldSchemaData(rowIndex) {
+      const fieldSchemas = [];
+      this.widget.widgetList.forEach((swItem) => {
+        fieldSchemas.push(this.cloneFieldSchema(swItem));
+      });
+      if (rowIndex === void 0) {
+        this.fieldSchemaData.push(fieldSchemas);
+      } else {
+        this.fieldSchemaData.splice(rowIndex, 0, fieldSchemas);
+      }
     },
-    deleteFromFieldSchemaData(e) {
-      this.fieldSchemaData.splice(e, 1);
+    deleteFromFieldSchemaData(rowIndex) {
+      this.fieldSchemaData.splice(rowIndex, 1);
     },
-    cloneFieldSchema(e) {
-      const t = A(e);
-      return t.id = e.type + y(), t;
+    cloneFieldSchema(fieldWidget) {
+      const newFieldSchema = deepClone(fieldWidget);
+      newFieldSchema.id = fieldWidget.type + generateId();
+      return newFieldSchema;
     },
     initEventHandler() {
-      this.widget.type === "sub-form" && this.on$("setFormData", (e) => {
-        this.initRowIdData(!1), this.initFieldSchemaData();
-        const t = e[this.widget.options.name] || [];
+      if (this.widget.type !== "sub-form") {
+        return;
+      }
+      this.on$("setFormData", (newFormData) => {
+        this.initRowIdData(false);
+        this.initFieldSchemaData();
+        const subFormData = newFormData[this.widget.options.name] || [];
         setTimeout(() => {
-          this.handleSubFormRowChange(t);
+          this.handleSubFormRowChange(subFormData);
         }, 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);
+      if (this.widget.type !== "sub-form") {
+        return;
+      }
+      if (!!this.widget.options.showBlankRow && this.rowIdData.length === 1) {
+        const oldSubFormData = this.formModel[this.widget.options.name] || [];
+        this.handleSubFormRowAdd(oldSubFormData, this.rowIdData[0]);
+        this.handleSubFormRowChange(oldSubFormData);
       }
     },
     addSubFormRow() {
-      const e = {};
-      this.widget.widgetList.forEach((i) => {
-        i.formItemFlag && (e[i.options.name] = i.options.defaultValue);
+      const newSubFormDataRow = {};
+      this.widget.widgetList.forEach((subFormItem2) => {
+        if (!!subFormItem2.formItemFlag) {
+          newSubFormDataRow[subFormItem2.options.name] = subFormItem2.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);
+      const oldSubFormData = this.formModel[this.widget.options.name] || [];
+      oldSubFormData.push(newSubFormDataRow);
+      this.addToRowIdData();
+      this.addToFieldSchemaData();
+      this.handleSubFormRowAdd(oldSubFormData, this.rowIdData[oldSubFormData.length - 1]);
+      this.handleSubFormRowChange(oldSubFormData);
     },
-    insertSubFormRow(e) {
-      const t = {};
-      this.widget.widgetList.forEach((f) => {
-        f.formItemFlag && (t[f.options.name] = f.options.defaultValue);
+    insertSubFormRow(beforeFormRowIndex) {
+      const newSubFormDataRow = {};
+      this.widget.widgetList.forEach((subFormItem2) => {
+        if (!!subFormItem2.formItemFlag) {
+          newSubFormDataRow[subFormItem2.options.name] = subFormItem2.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);
+      const oldSubFormData = this.formModel[this.widget.options.name] || [];
+      oldSubFormData.splice(beforeFormRowIndex, 0, newSubFormDataRow);
+      this.insertToRowIdData(beforeFormRowIndex);
+      this.addToFieldSchemaData(beforeFormRowIndex);
+      this.handleSubFormRowInsert(oldSubFormData, this.rowIdData[beforeFormRowIndex]);
+      this.handleSubFormRowChange(oldSubFormData);
     },
-    deleteSubFormRow(e) {
-      j({
+    deleteSubFormRow(formRowIndex) {
+      TpfConfirm({
         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);
+        const oldSubFormData = this.formModel[this.widget.options.name] || [];
+        const deletedDataRow = deepClone(oldSubFormData[formRowIndex]);
+        oldSubFormData.splice(formRowIndex, 1);
+        this.deleteFromRowIdData(formRowIndex);
+        this.deleteFromFieldSchemaData(formRowIndex);
+        this.handleSubFormRowDelete(oldSubFormData, deletedDataRow);
+        this.handleSubFormRowChange(oldSubFormData);
       }).catch(() => {
       });
     },
-    handleSubFormRowChange(e) {
-      this.widget.options.onSubFormRowChange && new Function("subFormData", this.widget.options.onSubFormRowChange).call(this, e);
+    handleSubFormRowChange(subFormData) {
+      if (!!this.widget.options.onSubFormRowChange) {
+        const customFunc = new Function("subFormData", this.widget.options.onSubFormRowChange);
+        customFunc.call(this, subFormData);
+      }
     },
-    handleSubFormRowAdd(e, t) {
-      this.widget.options.onSubFormRowAdd && new Function(
-        "subFormData",
-        "newRowId",
-        this.widget.options.onSubFormRowAdd
-      ).call(this, e, t);
+    handleSubFormRowAdd(subFormData, newRowId) {
+      if (!!this.widget.options.onSubFormRowAdd) {
+        const customFunc = new Function(
+          "subFormData",
+          "newRowId",
+          this.widget.options.onSubFormRowAdd
+        );
+        customFunc.call(this, subFormData, newRowId);
+      }
     },
-    handleSubFormRowInsert(e, t) {
-      this.widget.options.onSubFormRowInsert && new Function(
-        "subFormData",
-        "newRowId",
-        this.widget.options.onSubFormRowInsert
-      ).call(this, e, t);
+    handleSubFormRowInsert(subFormData, newRowId) {
+      if (!!this.widget.options.onSubFormRowInsert) {
+        const customFunc = new Function(
+          "subFormData",
+          "newRowId",
+          this.widget.options.onSubFormRowInsert
+        );
+        customFunc.call(this, subFormData, newRowId);
+      }
     },
-    handleSubFormRowDelete(e, t) {
-      this.widget.options.onSubFormRowDelete && new Function(
-        "subFormData",
-        "deletedDataRow",
-        this.widget.options.onSubFormRowDelete
-      ).call(this, e, t);
+    handleSubFormRowDelete(subFormData, deletedDataRow) {
+      if (!!this.widget.options.onSubFormRowDelete) {
+        const customFunc = new Function(
+          "subFormData",
+          "deletedDataRow",
+          this.widget.options.onSubFormRowDelete
+        );
+        customFunc.call(this, subFormData, deletedDataRow);
+      }
     },
-    setDisabled(e) {
-      e ? this.disableSubForm() : this.enableSubForm();
+    setDisabled(flag) {
+      if (!!flag) {
+        this.disableSubForm();
+      } else {
+        this.enableSubForm();
+      }
     },
     /**
      * 设置单行子表单是否禁止新增、插入记录
      * @param flag
      */
-    setInsertDisabled(e) {
-      this.insertDisabled = e;
+    setInsertDisabled(flag) {
+      this.insertDisabled = flag;
     },
     /**
      * 设置单行子表单是否禁止删除记录
      * @param flag
      */
-    setDeleteDisabled(e) {
-      this.deleteDisabled = e;
+    setDeleteDisabled(flag) {
+      this.deleteDisabled = flag;
     }
   }
-}, G = { class: "action-header-column" }, J = { class: "action-label" }, K = {
+};
+const _hoisted_1 = { class: "action-header-column" };
+const _hoisted_2 = { class: "action-label" };
+const _hoisted_3 = {
   key: 0,
   class: "row-no-header-column"
-}, Q = {
+};
+const _hoisted_4 = {
   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" }, $ = {
+};
+const _hoisted_5 = ["title"];
+const _hoisted_6 = { class: "action-header-column" };
+const _hoisted_7 = { class: "action-label" };
+const _hoisted_8 = { class: "sub-form-action-column hide-label" };
+const _hoisted_9 = { class: "action-button-column" };
+const _hoisted_10 = {
   key: 0,
   class: "row-no-column"
-}, ee = {
+};
+const _hoisted_11 = {
   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,
+};
+const _hoisted_12 = { class: "sub-form-action-column hide-label" };
+const _hoisted_13 = { class: "action-button-column" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_svg_icon = resolveComponent("svg-icon");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_a_tooltip = resolveComponent("a-tooltip");
+  const _component_a_row = resolveComponent("a-row");
+  const _component_container_item_wrapper = resolveComponent("container-item-wrapper");
+  return openBlock(), createBlock(_component_container_item_wrapper, { widget: $props.widget }, {
+    default: withCtx(() => [
+      withDirectives((openBlock(), createElementBlock("div", {
+        key: $props.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, {
+        createVNode(_component_a_row, { class: "header-row" }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              createElementVNode("span", _hoisted_2, toDisplayString(_ctx.i18nt("render.hint.subFormAction")), 1),
+              !$options.isReadMode ? (openBlock(), createBlock(_component_a_button, {
                 key: 0,
-                disabled: l.actionDisabled || l.insertDisabled,
+                disabled: $data.actionDisabled || $data.insertDisabled,
                 shape: "round",
                 type: "primary",
                 size: "small",
                 class: "action-button",
-                onClick: d.addSubFormRow,
-                title: e.i18nt("render.hint.subFormAddActionHint")
+                onClick: $options.addSubFormRow,
+                title: _ctx.i18nt("render.hint.subFormAddActionHint")
               }, {
-                default: r(() => [
-                  D(c(e.i18nt("render.hint.subFormAddAction")), 1),
-                  a(m, { "icon-class": "el-plus" })
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.i18nt("render.hint.subFormAddAction")), 1),
+                  createVNode(_component_svg_icon, { "icon-class": "el-plus" })
                 ]),
                 _: 1
-              }, 8, ["disabled", "onClick", "title"]))
+              }, 8, ["disabled", "onClick", "title"])) : createCommentVNode("", true)
             ]),
-            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 })
+            $props.widget.options.showRowNumber ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              createElementVNode("span", null, toDisplayString(_ctx.i18nt("render.hint.subFormRowNo")), 1)
+            ])) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.widgetList, (subWidget) => {
+              return openBlock(), createElementBlock(Fragment, {
+                key: subWidget.id + "thc"
               }, [
-                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, {
+                !subWidget.options.hidden ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: normalizeClass(["field-header-column", [
+                    $options.getLabelAlign($props.widget, subWidget),
+                    !!subWidget.options.required ? "is-required" : ""
+                  ]]),
+                  style: normalizeStyle({ width: subWidget.options.columnWidth })
+                }, [
+                  !!subWidget.options.labelIconClass ? (openBlock(), createElementBlock("span", _hoisted_4, [
+                    subWidget.options.labelIconPosition === "front" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                      !!subWidget.options.labelTooltip ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                        createVNode(_component_a_tooltip, {
+                          title: subWidget.options.labelTooltip
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_svg_icon, {
+                              "icon-class": subWidget.options.labelIconClass
+                            }, null, 8, ["icon-class"])
+                          ]),
+                          _: 2
+                        }, 1032, ["title"]),
+                        createTextVNode(" " + toDisplayString(subWidget.options.label), 1)
+                      ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                        createVNode(_component_svg_icon, {
+                          "icon-class": subWidget.options.labelIconClass
+                        }, null, 8, ["icon-class"]),
+                        createTextVNode(" " + toDisplayString(subWidget.options.label), 1)
+                      ], 64))
+                    ], 64)) : subWidget.options.labelIconPosition === "rear" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                      !!subWidget.options.labelTooltip ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                        createTextVNode(toDisplayString(subWidget.options.label) + " ", 1),
+                        createVNode(_component_a_tooltip, {
+                          title: subWidget.options.labelTooltip
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_svg_icon, {
+                              "icon-class": subWidget.options.labelIconClass
+                            }, null, 8, ["icon-class"])
+                          ]),
+                          _: 2
+                        }, 1032, ["title"])
+                      ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                        createTextVNode(toDisplayString(subWidget.options.label) + " ", 1),
+                        createVNode(_component_svg_icon, {
+                          "icon-class": subWidget.options.labelIconClass
+                        }, null, 8, ["icon-class"])
+                      ], 64))
+                    ], 64)) : createCommentVNode("", true)
+                  ])) : (openBlock(), createElementBlock("span", {
+                    key: 1,
+                    title: subWidget.options.labelTooltip
+                  }, toDisplayString(subWidget.options.label), 9, _hoisted_5))
+                ], 6)) : createCommentVNode("", true)
+              ], 64);
+            }), 128)),
+            createElementVNode("div", _hoisted_6, [
+              createElementVNode("span", _hoisted_7, toDisplayString(_ctx.i18nt("render.hint.subFormAction")), 1),
+              !$options.isReadMode ? (openBlock(), createBlock(_component_a_button, {
                 key: 0,
-                disabled: l.actionDisabled || l.insertDisabled,
+                disabled: $data.actionDisabled || $data.insertDisabled,
                 shape: "round",
                 type: "primary",
                 size: "small",
                 class: "action-button",
-                onClick: d.addSubFormRow,
-                title: e.i18nt("render.hint.subFormAddActionHint")
+                onClick: $options.addSubFormRow,
+                title: _ctx.i18nt("render.hint.subFormAddActionHint")
               }, {
-                default: r(() => [
-                  D(c(e.i18nt("render.hint.subFormAddAction")) + " ", 1),
-                  a(m, { "icon-class": "el-plus" })
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.i18nt("render.hint.subFormAddAction")) + " ", 1),
+                  createVNode(_component_svg_icon, { "icon-class": "el-plus" })
                 ]),
                 _: 1
-              }, 8, ["disabled", "onClick", "title"]))
+              }, 8, ["disabled", "onClick", "title"])) : createCommentVNode("", true)
             ])
           ]),
           _: 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": "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": "el-delete" })
+        (openBlock(true), createElementBlock(Fragment, null, renderList($data.rowIdData, (subFormRowId, sfrIdx) => {
+          return openBlock(), createBlock(_component_a_row, {
+            class: "sub-form-row",
+            key: subFormRowId
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_8, [
+                createElementVNode("div", _hoisted_9, [
+                  withDirectives(createVNode(_component_a_button, {
+                    disabled: $data.actionDisabled || $data.insertDisabled,
+                    shape: "circle",
+                    onClick: ($event) => $options.insertSubFormRow(sfrIdx),
+                    title: _ctx.i18nt("render.hint.insertSubFormRow")
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_svg_icon, { "icon-class": "el-plus" })
+                    ]),
+                    _: 2
+                  }, 1032, ["disabled", "onClick", "title"]), [
+                    [vShow, !$options.isReadMode]
                   ]),
-                  _: 2
-                }, 1032, ["disabled", "onClick", "title"]), [
-                  [_, !d.isReadMode]
+                  withDirectives(createVNode(_component_a_button, {
+                    disabled: $data.actionDisabled || $data.deleteDisabled,
+                    shape: "circle",
+                    onClick: ($event) => $options.deleteSubFormRow(sfrIdx),
+                    title: _ctx.i18nt("render.hint.deleteSubFormRow")
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_svg_icon, { "icon-class": "el-delete" })
+                    ]),
+                    _: 2
+                  }, 1032, ["disabled", "onClick", "title"]), [
+                    [vShow, !$options.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": "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": "el-delete" })
+              ]),
+              $props.widget.options.showRowNumber ? (openBlock(), createElementBlock("div", _hoisted_10, [
+                $props.widget.options.showRowNumber ? (openBlock(), createElementBlock("span", _hoisted_11, "#" + toDisplayString(sfrIdx + 1), 1)) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.widgetList, (subWidget, swIdx) => {
+                return openBlock(), createElementBlock(Fragment, {
+                  key: $data.fieldSchemaData[sfrIdx][swIdx].id
+                }, [
+                  !subWidget.options.hidden ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: "sub-form-table-column hide-label",
+                    style: normalizeStyle({ width: subWidget.options.columnWidth })
+                  }, [
+                    (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
+                      field: $data.fieldSchemaData[sfrIdx][swIdx],
+                      "parent-list": $props.widget.widgetList,
+                      "index-of-parent-list": swIdx,
+                      "parent-widget": $props.widget,
+                      "sub-form-row-id": subFormRowId,
+                      "sub-form-row-index": sfrIdx,
+                      "sub-form-col-index": swIdx
+                    }, null, 8, ["field", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"]))
+                  ], 4)) : createCommentVNode("", true)
+                ], 64);
+              }), 128)),
+              createElementVNode("div", _hoisted_12, [
+                createElementVNode("div", _hoisted_13, [
+                  withDirectives(createVNode(_component_a_button, {
+                    disabled: $data.actionDisabled || $data.insertDisabled,
+                    shape: "circle",
+                    onClick: ($event) => $options.insertSubFormRow(sfrIdx),
+                    title: _ctx.i18nt("render.hint.insertSubFormRow")
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_svg_icon, { "icon-class": "el-plus" })
+                    ]),
+                    _: 2
+                  }, 1032, ["disabled", "onClick", "title"]), [
+                    [vShow, !$options.isReadMode]
                   ]),
-                  _: 2
-                }, 1032, ["disabled", "onClick", "title"]), [
-                  [_, !d.isReadMode]
+                  withDirectives(createVNode(_component_a_button, {
+                    disabled: $data.actionDisabled || $data.deleteDisabled,
+                    shape: "circle",
+                    onClick: ($event) => $options.deleteSubFormRow(sfrIdx),
+                    title: _ctx.i18nt("render.hint.deleteSubFormRow")
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_svg_icon, { "icon-class": "el-delete" })
+                    ]),
+                    _: 2
+                  }, 1032, ["disabled", "onClick", "title"]), [
+                    [vShow, !$options.isReadMode]
+                  ])
                 ])
               ])
-            ])
-          ]),
-          _: 2
-        }, 1024))), 128))
+            ]),
+            _: 2
+          }, 1024);
+        }), 128))
       ])), [
-        [_, !i.widget.options.hidden]
+        [vShow, !$props.widget.options.hidden]
       ])
     ]),
     _: 1
   }, 8, ["widget"]);
 }
-const pe = /* @__PURE__ */ P(U, [["render", oe], ["__scopeId", "data-v-2d933e53"]]);
+const subFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2d933e53"]]);
 export {
-  pe as default
+  subFormItem as default
 };