@kp-ui/lowcode 1.0.91 → 1.0.94

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

@@ -1,30 +1,30 @@
-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";
+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";
 /* empty css                   */
-import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
+import P from "../../../../_virtual/_plugin-vue_export-helper.js";
+const U = {
   name: "sub-form-item",
   componentName: "ContainerItem",
-  mixins: [emitter, i18n, refMixin, containerItemMixin],
+  mixins: [M, N, E, z],
   components: {
-    ContainerItemWrapper,
-    ...comps,
-    SvgIcon
+    ContainerItemWrapper: V,
+    ...B,
+    SvgIcon: H
   },
   props: {
     widget: Object
   },
   provide() {
     return {
-      getSubFormFieldFlag: () => true,
+      getSubFormFieldFlag: () => !0,
       getSubFormName: () => this.widget.options.name
     };
   },
@@ -33,10 +33,10 @@ const _sfc_main = {
     return {
       rowIdData: [],
       fieldSchemaData: [],
-      actionDisabled: false,
-      insertDisabled: false,
+      actionDisabled: !1,
+      insertDisabled: !1,
       //是否禁止新增、插入记录
-      deleteDisabled: false
+      deleteDisabled: !1
       //是否禁止删除记录
     };
   },
@@ -46,11 +46,7 @@ const _sfc_main = {
     }
   },
   created() {
-    this.initRefList();
-    this.registerSubFormToRefList();
-    this.initRowIdData(true);
-    this.initFieldSchemaData();
-    this.initEventHandler();
+    this.initRefList(), this.registerSubFormToRefList(), this.initRowIdData(!0), this.initFieldSchemaData(), this.initEventHandler();
   },
   mounted() {
     this.handleSubFormFirstRowAdd();
@@ -59,454 +55,373 @@ const _sfc_main = {
     this.unregisterFromRefList();
   },
   methods: {
-    getLabelAlign(widget, subWidget) {
-      return subWidget.options.labelAlign || widget.options.labelAlign;
+    getLabelAlign(e, t) {
+      return t.options.labelAlign || e.options.labelAlign;
     },
     registerSubFormToRefList() {
-      if (this.widget.type === "sub-form") {
-        this.sfRefList[this.widget.options.name] = this;
-      }
+      this.widget.type === "sub-form" && (this.sfRefList[this.widget.options.name] = this);
     },
-    initRowIdData(initFlag) {
+    initRowIdData(e) {
       if (this.widget.type === "sub-form") {
         this.rowIdData.splice(0, this.rowIdData.length);
-        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);
-          }
-        }
+        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" + generateId());
+      this.rowIdData.push("id" + y());
     },
-    insertToRowIdData(rowIndex) {
-      this.rowIdData.splice(rowIndex, 0, "id" + generateId());
+    insertToRowIdData(e) {
+      this.rowIdData.splice(e, 0, "id" + y());
     },
-    deleteFromRowIdData(rowIndex) {
-      this.rowIdData.splice(rowIndex, 1);
+    deleteFromRowIdData(e) {
+      this.rowIdData.splice(e, 1);
     },
     getRowIdData() {
       return this.rowIdData;
     },
-    getWidgetRefOfSubForm(widgetName, rowIndex) {
-      const realWidgetName = widgetName + "@row" + this.rowIdData[rowIndex];
-      return this.getWidgetRef(realWidgetName);
+    getWidgetRefOfSubForm(e, t) {
+      const i = e + "@row" + this.rowIdData[t];
+      return this.getWidgetRef(i);
     },
     initFieldSchemaData() {
-      if (this.widget.type !== "sub-form") {
+      if (this.widget.type !== "sub-form")
         return;
-      }
-      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);
+      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(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);
-      }
+    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(rowIndex) {
-      this.fieldSchemaData.splice(rowIndex, 1);
+    deleteFromFieldSchemaData(e) {
+      this.fieldSchemaData.splice(e, 1);
     },
-    cloneFieldSchema(fieldWidget) {
-      const newFieldSchema = deepClone(fieldWidget);
-      newFieldSchema.id = fieldWidget.type + generateId();
-      return newFieldSchema;
+    cloneFieldSchema(e) {
+      const t = A(e);
+      return t.id = e.type + y(), t;
     },
     initEventHandler() {
-      if (this.widget.type !== "sub-form") {
-        return;
-      }
-      this.on$("setFormData", (newFormData) => {
-        this.initRowIdData(false);
-        this.initFieldSchemaData();
-        const subFormData = newFormData[this.widget.options.name] || [];
+      this.widget.type === "sub-form" && this.on$("setFormData", (e) => {
+        this.initRowIdData(!1), this.initFieldSchemaData();
+        const t = e[this.widget.options.name] || [];
         setTimeout(() => {
-          this.handleSubFormRowChange(subFormData);
+          this.handleSubFormRowChange(t);
         }, 800);
       });
     },
     handleSubFormFirstRowAdd() {
-      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);
+      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 newSubFormDataRow = {};
-      this.widget.widgetList.forEach((subFormItem2) => {
-        if (!!subFormItem2.formItemFlag) {
-          newSubFormDataRow[subFormItem2.options.name] = subFormItem2.options.defaultValue;
-        }
+      const e = {};
+      this.widget.widgetList.forEach((i) => {
+        i.formItemFlag && (e[i.options.name] = i.options.defaultValue);
       });
-      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);
+      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(beforeFormRowIndex) {
-      const newSubFormDataRow = {};
-      this.widget.widgetList.forEach((subFormItem2) => {
-        if (!!subFormItem2.formItemFlag) {
-          newSubFormDataRow[subFormItem2.options.name] = subFormItem2.options.defaultValue;
-        }
+    insertSubFormRow(e) {
+      const t = {};
+      this.widget.widgetList.forEach((f) => {
+        f.formItemFlag && (t[f.options.name] = f.options.defaultValue);
       });
-      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);
+      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(formRowIndex) {
-      TpfConfirm({
+    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 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);
+        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(subFormData) {
-      if (!!this.widget.options.onSubFormRowChange) {
-        const customFunc = new Function("subFormData", this.widget.options.onSubFormRowChange);
-        customFunc.call(this, subFormData);
-      }
+    handleSubFormRowChange(e) {
+      this.widget.options.onSubFormRowChange && new Function("subFormData", this.widget.options.onSubFormRowChange).call(this, e);
     },
-    handleSubFormRowAdd(subFormData, newRowId) {
-      if (!!this.widget.options.onSubFormRowAdd) {
-        const customFunc = new Function(
-          "subFormData",
-          "newRowId",
-          this.widget.options.onSubFormRowAdd
-        );
-        customFunc.call(this, subFormData, newRowId);
-      }
+    handleSubFormRowAdd(e, t) {
+      this.widget.options.onSubFormRowAdd && new Function(
+        "subFormData",
+        "newRowId",
+        this.widget.options.onSubFormRowAdd
+      ).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);
-      }
+    handleSubFormRowInsert(e, t) {
+      this.widget.options.onSubFormRowInsert && new Function(
+        "subFormData",
+        "newRowId",
+        this.widget.options.onSubFormRowInsert
+      ).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);
-      }
+    handleSubFormRowDelete(e, t) {
+      this.widget.options.onSubFormRowDelete && new Function(
+        "subFormData",
+        "deletedDataRow",
+        this.widget.options.onSubFormRowDelete
+      ).call(this, e, t);
     },
-    setDisabled(flag) {
-      if (!!flag) {
-        this.disableSubForm();
-      } else {
-        this.enableSubForm();
-      }
+    setDisabled(e) {
+      e ? this.disableSubForm() : this.enableSubForm();
     },
     /**
      * 设置单行子表单是否禁止新增、插入记录
      * @param flag
      */
-    setInsertDisabled(flag) {
-      this.insertDisabled = flag;
+    setInsertDisabled(e) {
+      this.insertDisabled = e;
     },
     /**
      * 设置单行子表单是否禁止删除记录
      * @param flag
      */
-    setDeleteDisabled(flag) {
-      this.deleteDisabled = flag;
+    setDeleteDisabled(e) {
+      this.deleteDisabled = e;
     }
   }
-};
-const _hoisted_1 = { class: "action-header-column" };
-const _hoisted_2 = { class: "action-label" };
-const _hoisted_3 = {
+}, G = { class: "action-header-column" }, J = { class: "action-label" }, K = {
   key: 0,
   class: "row-no-header-column"
-};
-const _hoisted_4 = {
+}, Q = {
   key: 0,
   class: "custom-label"
-};
-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 = {
+}, 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"
-};
-const _hoisted_11 = {
+}, ee = {
   key: 0,
   class: "row-number-span"
-};
-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,
+}, 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"
       }, [
-        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, {
+        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: $data.actionDisabled || $data.insertDisabled,
+                disabled: l.actionDisabled || l.insertDisabled,
                 shape: "round",
                 type: "primary",
                 size: "small",
                 class: "action-button",
-                onClick: $options.addSubFormRow,
-                title: _ctx.i18nt("render.hint.subFormAddActionHint")
+                onClick: d.addSubFormRow,
+                title: e.i18nt("render.hint.subFormAddActionHint")
               }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.i18nt("render.hint.subFormAddAction")), 1),
-                  createVNode(_component_svg_icon, { "icon-class": "el-plus" })
+                default: r(() => [
+                  D(c(e.i18nt("render.hint.subFormAddAction")), 1),
+                  a(m, { "icon-class": "el-plus" })
                 ]),
                 _: 1
-              }, 8, ["disabled", "onClick", "title"])) : createCommentVNode("", true)
+              }, 8, ["disabled", "onClick", "title"]))
             ]),
-            $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"
+            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 })
               }, [
-                !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, {
+                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: $data.actionDisabled || $data.insertDisabled,
+                disabled: l.actionDisabled || l.insertDisabled,
                 shape: "round",
                 type: "primary",
                 size: "small",
                 class: "action-button",
-                onClick: $options.addSubFormRow,
-                title: _ctx.i18nt("render.hint.subFormAddActionHint")
+                onClick: d.addSubFormRow,
+                title: e.i18nt("render.hint.subFormAddActionHint")
               }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.i18nt("render.hint.subFormAddAction")) + " ", 1),
-                  createVNode(_component_svg_icon, { "icon-class": "el-plus" })
+                default: r(() => [
+                  D(c(e.i18nt("render.hint.subFormAddAction")) + " ", 1),
+                  a(m, { "icon-class": "el-plus" })
                 ]),
                 _: 1
-              }, 8, ["disabled", "onClick", "title"])) : createCommentVNode("", true)
+              }, 8, ["disabled", "onClick", "title"]))
             ])
           ]),
           _: 1
         }),
-        (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]
+        (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" })
                   ]),
-                  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]
-                  ])
-                ])
-              ]),
-              $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]
+                ]),
+                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" })
                   ]),
-                  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
+                }, 1032, ["disabled", "onClick", "title"]), [
+                  [_, !d.isReadMode]
                 ])
               ])
             ]),
-            _: 2
-          }, 1024);
-        }), 128))
+            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" })
+                  ]),
+                  _: 2
+                }, 1032, ["disabled", "onClick", "title"]), [
+                  [_, !d.isReadMode]
+                ])
+              ])
+            ])
+          ]),
+          _: 2
+        }, 1024))), 128))
       ])), [
-        [vShow, !$props.widget.options.hidden]
+        [_, !i.widget.options.hidden]
       ])
     ]),
     _: 1
   }, 8, ["widget"]);
 }
-const subFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2d933e53"]]);
+const pe = /* @__PURE__ */ P(U, [["render", oe], ["__scopeId", "data-v-2d933e53"]]);
 export {
-  subFormItem as default
+  pe as default
 };
 //# sourceMappingURL=sub-form-item.vue.js.map