@kp-ui/lowcode 1.0.105 → 1.0.106

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sub-form-item.vue.js","sources":["../../../../../src/components/form-render/container-item/sub-form-item.vue"],"sourcesContent":["<template>\n    <container-item-wrapper :widget=\"widget\">\n        <div :key=\"widget.id\" class=\"sub-form-container\" v-show=\"!widget.options.hidden\">\n            <a-row class=\"header-row\">\n                <div class=\"action-header-column\">\n                    <span class=\"action-label\">{{ i18nt('render.hint.subFormAction') }}</span>\n                    <a-button\n                        v-if=\"!isReadMode\"\n                        :disabled=\"actionDisabled || insertDisabled\"\n                        shape=\"round\"\n                        type=\"primary\"\n                        size=\"small\"\n                        class=\"action-button\"\n                        @click=\"addSubFormRow\"\n                        :title=\"i18nt('render.hint.subFormAddActionHint')\"\n                    >\n                        {{ i18nt('render.hint.subFormAddAction') }}<svg-icon icon-class=\"el-plus\" />\n                    </a-button>\n                </div>\n                <div v-if=\"widget.options.showRowNumber\" class=\"row-no-header-column\">\n                    <span>{{ i18nt('render.hint.subFormRowNo') }}</span>\n                </div>\n                <template v-for=\"subWidget in widget.widgetList\" :key=\"subWidget.id + 'thc'\">\n                    <div\n                        v-if=\"!subWidget.options.hidden\"\n                        class=\"field-header-column\"\n                        :class=\"[\n                            getLabelAlign(widget, subWidget),\n                            !!subWidget.options.required ? 'is-required' : ''\n                        ]\"\n                        :style=\"{ width: subWidget.options.columnWidth }\"\n                    >\n                        <span v-if=\"!!subWidget.options.labelIconClass\" class=\"custom-label\">\n                            <template v-if=\"subWidget.options.labelIconPosition === 'front'\">\n                                <template v-if=\"!!subWidget.options.labelTooltip\">\n                                    <a-tooltip :title=\"subWidget.options.labelTooltip\">\n                                        <svg-icon :icon-class=\"subWidget.options.labelIconClass\" />\n                                    </a-tooltip>\n                                    {{ subWidget.options.label }}\n                                </template>\n                                <template v-else>\n                                    <svg-icon :icon-class=\"subWidget.options.labelIconClass\" />\n                                    {{ subWidget.options.label }}\n                                </template>\n                            </template>\n                            <template v-else-if=\"subWidget.options.labelIconPosition === 'rear'\">\n                                <template v-if=\"!!subWidget.options.labelTooltip\">\n                                    {{ subWidget.options.label }}\n                                    <a-tooltip :title=\"subWidget.options.labelTooltip\">\n                                        <svg-icon :icon-class=\"subWidget.options.labelIconClass\" />\n                                    </a-tooltip>\n                                </template>\n                                <template v-else>\n                                    {{ subWidget.options.label }}\n                                    <svg-icon :icon-class=\"subWidget.options.labelIconClass\" />\n                                </template>\n                            </template>\n                        </span>\n                        <template v-else>\n                            <span :title=\"subWidget.options.labelTooltip\">\n                                {{ subWidget.options.label }}\n                            </span>\n                        </template>\n                    </div>\n                </template>\n                <div class=\"action-header-column\">\n                    <span class=\"action-label\">{{ i18nt('render.hint.subFormAction') }}</span>\n                    <a-button\n                        v-if=\"!isReadMode\"\n                        :disabled=\"actionDisabled || insertDisabled\"\n                        shape=\"round\"\n                        type=\"primary\"\n                        size=\"small\"\n                        class=\"action-button\"\n                        @click=\"addSubFormRow\"\n                        :title=\"i18nt('render.hint.subFormAddActionHint')\"\n                    >\n                        {{ i18nt('render.hint.subFormAddAction') }}\n                        <svg-icon icon-class=\"el-plus\" />\n                    </a-button>\n                </div>\n            </a-row>\n            <a-row\n                v-for=\"(subFormRowId, sfrIdx) in rowIdData\"\n                class=\"sub-form-row\"\n                :key=\"subFormRowId\"\n            >\n                <div class=\"sub-form-action-column hide-label\">\n                    <div class=\"action-button-column\">\n                        <a-button\n                            :disabled=\"actionDisabled || insertDisabled\"\n                            shape=\"circle\"\n                            @click=\"insertSubFormRow(sfrIdx)\"\n                            v-show=\"!isReadMode\"\n                            :title=\"i18nt('render.hint.insertSubFormRow')\"\n                        >\n                            <svg-icon icon-class=\"el-plus\" />\n                        </a-button>\n                        <a-button\n                            :disabled=\"actionDisabled || deleteDisabled\"\n                            shape=\"circle\"\n                            @click=\"deleteSubFormRow(sfrIdx)\"\n                            v-show=\"!isReadMode\"\n                            :title=\"i18nt('render.hint.deleteSubFormRow')\"\n                        >\n                            <svg-icon icon-class=\"el-delete\" />\n                        </a-button>\n                    </div>\n                </div>\n                <div v-if=\"widget.options.showRowNumber\" class=\"row-no-column\">\n                    <span v-if=\"widget.options.showRowNumber\" class=\"row-number-span\"\n                        >#{{ sfrIdx + 1 }}</span\n                    >\n                </div>\n                <template\n                    v-for=\"(subWidget, swIdx) in widget.widgetList\"\n                    :key=\"fieldSchemaData[sfrIdx][swIdx].id\"\n                >\n                    <div\n                        v-if=\"!subWidget.options.hidden\"\n                        class=\"sub-form-table-column hide-label\"\n                        :style=\"{ width: subWidget.options.columnWidth }\"\n                    >\n                        <component\n                            :is=\"subWidget.type + '-widget'\"\n                            :field=\"fieldSchemaData[sfrIdx][swIdx]\"\n                            :parent-list=\"widget.widgetList\"\n                            :index-of-parent-list=\"swIdx\"\n                            :parent-widget=\"widget\"\n                            :sub-form-row-id=\"subFormRowId\"\n                            :sub-form-row-index=\"sfrIdx\"\n                            :sub-form-col-index=\"swIdx\"\n                        >\n                            <!-- 子表单暂不支持插槽！！！ -->\n                        </component>\n                    </div>\n                </template>\n                <div class=\"sub-form-action-column hide-label\">\n                    <div class=\"action-button-column\">\n                        <a-button\n                            :disabled=\"actionDisabled || insertDisabled\"\n                            shape=\"circle\"\n                            @click=\"insertSubFormRow(sfrIdx)\"\n                            v-show=\"!isReadMode\"\n                            :title=\"i18nt('render.hint.insertSubFormRow')\"\n                            ><svg-icon icon-class=\"el-plus\"\n                        /></a-button>\n                        <a-button\n                            :disabled=\"actionDisabled || deleteDisabled\"\n                            shape=\"circle\"\n                            @click=\"deleteSubFormRow(sfrIdx)\"\n                            v-show=\"!isReadMode\"\n                            :title=\"i18nt('render.hint.deleteSubFormRow')\"\n                            ><svg-icon icon-class=\"el-delete\"\n                        /></a-button>\n                    </div>\n                </div>\n            </a-row>\n        </div>\n    </container-item-wrapper>\n</template>\n\n<script>\n    import emitter from '@/utils/emitter';\n    import i18n from '@/utils/i18n';\n    import { deepClone, generateId } from '@/utils/util';\n    import refMixin from '@/components/form-render/refMixin';\n    import ContainerItemWrapper from './container-item-wrapper';\n    import containerItemMixin from './containerItemMixin';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import SvgIcon from '@/components/svg-icon';\n    import { TpfConfirm } from '@/hooks/TpfConfirm';\n\n    export default {\n        name: 'sub-form-item',\n        componentName: 'ContainerItem',\n        mixins: [emitter, i18n, refMixin, containerItemMixin],\n        components: {\n            ContainerItemWrapper,\n            ...FieldComponents,\n            SvgIcon\n        },\n        props: {\n            widget: Object\n        },\n        provide() {\n            return {\n                getSubFormFieldFlag: () => true,\n                getSubFormName: () => this.widget.options.name\n            };\n        },\n        inject: ['refList', 'sfRefList', 'globalModel', 'getReadMode'],\n        data() {\n            return {\n                rowIdData: [],\n                fieldSchemaData: [],\n                actionDisabled: false,\n                insertDisabled: false, //是否禁止新增、插入记录\n                deleteDisabled: false //是否禁止删除记录\n            };\n        },\n        computed: {\n            isReadMode() {\n                return this.getReadMode();\n            }\n        },\n        created() {\n            this.initRefList();\n            this.registerSubFormToRefList();\n            this.initRowIdData(true);\n            this.initFieldSchemaData();\n            this.initEventHandler();\n        },\n        mounted() {\n            this.handleSubFormFirstRowAdd(); //默认添加首行后，主动触发相关事件！！\n        },\n        beforeUnmount() {\n            this.unregisterFromRefList();\n        },\n        methods: {\n            getLabelAlign(widget, subWidget) {\n                return subWidget.options.labelAlign || widget.options.labelAlign;\n            },\n\n            registerSubFormToRefList() {\n                if (this.widget.type === 'sub-form') {\n                    this.sfRefList[this.widget.options.name] = this;\n                }\n            },\n\n            initRowIdData(initFlag) {\n                if (this.widget.type === 'sub-form') {\n                    this.rowIdData.splice(0, this.rowIdData.length); //清除数组必须用splice，length=0不会响应式更新！！\n                    const subFormModel = this.formModel[this.widget.options.name];\n                    if (!!subFormModel && subFormModel.length > 0) {\n                        subFormModel.forEach(() => {\n                            this.rowIdData.push('id' + generateId());\n                        });\n\n                        if (!!initFlag) {\n                            //注意：事件触发需延期执行，SumFormDataChange事件处理代码中可能存在尚未创建完成的组件！！\n                            setTimeout(() => {\n                                this.handleSubFormRowChange(subFormModel);\n                            }, 800);\n                        }\n                    }\n                }\n            },\n\n            addToRowIdData() {\n                this.rowIdData.push('id' + generateId());\n            },\n\n            insertToRowIdData(rowIndex) {\n                this.rowIdData.splice(rowIndex, 0, 'id' + generateId());\n            },\n\n            deleteFromRowIdData(rowIndex) {\n                this.rowIdData.splice(rowIndex, 1);\n            },\n\n            getRowIdData() {\n                return this.rowIdData;\n            },\n\n            getWidgetRefOfSubForm(widgetName, rowIndex) {\n                const realWidgetName = widgetName + '@row' + this.rowIdData[rowIndex];\n                return this.getWidgetRef(realWidgetName);\n            },\n\n            initFieldSchemaData() {\n                //初始化fieldSchemaData！！！\n                if (this.widget.type !== 'sub-form') {\n                    return;\n                }\n\n                const rowLength = this.rowIdData.length;\n                this.fieldSchemaData.splice(0, this.fieldSchemaData.length); //清除数组必须用splice，length=0不会响应式更新！！\n                if (rowLength > 0) {\n                    for (let i = 0; i < rowLength; i++) {\n                        const fieldSchemas = [];\n                        this.widget.widgetList.forEach(swItem => {\n                            fieldSchemas.push(this.cloneFieldSchema(swItem));\n                        });\n                        this.fieldSchemaData.push(fieldSchemas);\n                    }\n                }\n            },\n\n            addToFieldSchemaData(rowIndex) {\n                const fieldSchemas = [];\n                this.widget.widgetList.forEach(swItem => {\n                    fieldSchemas.push(this.cloneFieldSchema(swItem));\n                });\n\n                if (rowIndex === undefined) {\n                    this.fieldSchemaData.push(fieldSchemas);\n                } else {\n                    this.fieldSchemaData.splice(rowIndex, 0, fieldSchemas);\n                }\n            },\n\n            deleteFromFieldSchemaData(rowIndex) {\n                this.fieldSchemaData.splice(rowIndex, 1);\n            },\n\n            cloneFieldSchema(fieldWidget) {\n                const newFieldSchema = deepClone(fieldWidget);\n                newFieldSchema.id = fieldWidget.type + generateId();\n                return newFieldSchema;\n            },\n\n            initEventHandler() {\n                if (this.widget.type !== 'sub-form') {\n                    return;\n                }\n\n                this.on$('setFormData', newFormData => {\n                    this.initRowIdData(false);\n                    this.initFieldSchemaData();\n\n                    const subFormData = newFormData[this.widget.options.name] || [];\n                    setTimeout(() => {\n                        //延时触发SubFormRowChange事件, 便于更新计算字段！！\n                        this.handleSubFormRowChange(subFormData);\n                    }, 800);\n                });\n            },\n\n            handleSubFormFirstRowAdd() {\n                if (this.widget.type !== 'sub-form') {\n                    return;\n                }\n\n                if (!!this.widget.options.showBlankRow && this.rowIdData.length === 1) {\n                    const oldSubFormData = this.formModel[this.widget.options.name] || [];\n                    this.handleSubFormRowAdd(oldSubFormData, this.rowIdData[0]);\n                    this.handleSubFormRowChange(oldSubFormData);\n                }\n            },\n\n            addSubFormRow() {\n                const newSubFormDataRow = {};\n                this.widget.widgetList.forEach(subFormItem => {\n                    if (!!subFormItem.formItemFlag) {\n                        newSubFormDataRow[subFormItem.options.name] =\n                            subFormItem.options.defaultValue;\n                    }\n                });\n\n                const oldSubFormData = this.formModel[this.widget.options.name] || [];\n                oldSubFormData.push(newSubFormDataRow);\n                this.addToRowIdData();\n                this.addToFieldSchemaData();\n\n                this.handleSubFormRowAdd(oldSubFormData, this.rowIdData[oldSubFormData.length - 1]);\n                this.handleSubFormRowChange(oldSubFormData);\n            },\n\n            insertSubFormRow(beforeFormRowIndex) {\n                const newSubFormDataRow = {};\n                this.widget.widgetList.forEach(subFormItem => {\n                    if (!!subFormItem.formItemFlag) {\n                        newSubFormDataRow[subFormItem.options.name] =\n                            subFormItem.options.defaultValue;\n                    }\n                });\n\n                const oldSubFormData = this.formModel[this.widget.options.name] || [];\n                oldSubFormData.splice(beforeFormRowIndex, 0, newSubFormDataRow);\n                this.insertToRowIdData(beforeFormRowIndex);\n                this.addToFieldSchemaData(beforeFormRowIndex);\n\n                this.handleSubFormRowInsert(oldSubFormData, this.rowIdData[beforeFormRowIndex]);\n                this.handleSubFormRowChange(oldSubFormData);\n            },\n\n            deleteSubFormRow(formRowIndex) {\n                TpfConfirm({\n                    type: 'confirm',\n                    content: this.i18nt('render.hint.deleteSubFormRow') + '?',\n                    title: this.i18nt('render.hint.prompt'),\n                    okText: this.i18nt('render.hint.confirm'),\n                    cancelText: this.i18nt('render.hint.cancel')\n                })\n                    .then(() => {\n                        const oldSubFormData = this.formModel[this.widget.options.name] || [];\n                        const deletedDataRow = deepClone(oldSubFormData[formRowIndex]);\n                        oldSubFormData.splice(formRowIndex, 1);\n                        this.deleteFromRowIdData(formRowIndex);\n                        this.deleteFromFieldSchemaData(formRowIndex);\n\n                        this.handleSubFormRowDelete(oldSubFormData, deletedDataRow);\n                        this.handleSubFormRowChange(oldSubFormData);\n                    })\n                    .catch(() => {\n                        //\n                    });\n            },\n\n            handleSubFormRowChange(subFormData) {\n                if (!!this.widget.options.onSubFormRowChange) {\n                    const customFunc = new Function(\n                        'subFormData',\n                        this.widget.options.onSubFormRowChange\n                    );\n                    customFunc.call(this, subFormData);\n                }\n            },\n\n            handleSubFormRowAdd(subFormData, newRowId) {\n                if (!!this.widget.options.onSubFormRowAdd) {\n                    const customFunc = new Function(\n                        'subFormData',\n                        'newRowId',\n                        this.widget.options.onSubFormRowAdd\n                    );\n                    customFunc.call(this, subFormData, newRowId);\n                }\n            },\n\n            handleSubFormRowInsert(subFormData, newRowId) {\n                if (!!this.widget.options.onSubFormRowInsert) {\n                    const customFunc = new Function(\n                        'subFormData',\n                        'newRowId',\n                        this.widget.options.onSubFormRowInsert\n                    );\n                    customFunc.call(this, subFormData, newRowId);\n                }\n            },\n\n            handleSubFormRowDelete(subFormData, deletedDataRow) {\n                if (!!this.widget.options.onSubFormRowDelete) {\n                    const customFunc = new Function(\n                        'subFormData',\n                        'deletedDataRow',\n                        this.widget.options.onSubFormRowDelete\n                    );\n                    customFunc.call(this, subFormData, deletedDataRow);\n                }\n            },\n\n            setDisabled(flag) {\n                if (!!flag) {\n                    this.disableSubForm();\n                } else {\n                    this.enableSubForm();\n                }\n            },\n\n            /**\n             * 设置单行子表单是否禁止新增、插入记录\n             * @param flag\n             */\n            setInsertDisabled(flag) {\n                this.insertDisabled = flag;\n            },\n\n            /**\n             * 设置单行子表单是否禁止删除记录\n             * @param flag\n             */\n            setDeleteDisabled(flag) {\n                this.deleteDisabled = flag;\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .sub-form-container {\n        margin-bottom: 8px;\n        text-align: left; //IE浏览器强制居左对齐\n    }\n\n    div.action-header-column {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 120px;\n        border: 1px solid #e1e2e3;\n        background: #f1f2f3;\n        padding: 8px;\n\n        .action-label {\n            margin-right: 12px;\n        }\n\n        .action-button {\n            padding-left: 8px;\n            padding-right: 8px;\n        }\n    }\n\n    div.row-no-header-column {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 50px;\n        text-align: center;\n        border: 1px solid #e1e2e3;\n        background: #f1f2f3;\n    }\n\n    div.field-header-column {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        //overflow: hidden;\n        //white-space: nowrap;  //文字超出长度不自动换行\n        //text-overflow: ellipsis;  //文字超出长度显示省略号\n        border: 1px solid #e1e2e3;\n        background: #f1f2f3;\n        padding: 8px;\n\n        span.custom-label i {\n            margin: 0 3px;\n        }\n    }\n\n    div.field-header-column.is-required:before {\n        content: '*';\n        color: #f56c6c;\n        margin-right: 4px;\n    }\n\n    div.label-center-left {\n        text-align: left;\n    }\n\n    div.label-center-align {\n        text-align: center;\n    }\n\n    div.label-right-align {\n        text-align: right;\n    }\n\n    div.sub-form-action-column {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 120px;\n        border: 1px solid #e1e2e3;\n        padding: 8px;\n    }\n\n    div.row-no-column {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 50px;\n        border: 1px solid #e1e2e3;\n    }\n\n    div.sub-form-table-column {\n        display: inline-block;\n        border: 1px solid #e1e2e3;\n        padding: 8px;\n    }\n</style>\n"],"names":["_sfc_main","emitter","i18n","refMixin","containerItemMixin","ContainerItemWrapper","FieldComponents","SvgIcon","widget","subWidget","initFlag","subFormModel","generateId","rowIndex","widgetName","realWidgetName","rowLength","i","fieldSchemas","swItem","fieldWidget","newFieldSchema","deepClone","newFormData","subFormData","oldSubFormData","newSubFormDataRow","subFormItem","beforeFormRowIndex","formRowIndex","TpfConfirm","deletedDataRow","newRowId","flag","_hoisted_1","_hoisted_2","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_12","_hoisted_13","_createBlock","_component_container_item_wrapper","$props","_createElementBlock","_createVNode","_component_a_row","_createElementVNode","_toDisplayString","_ctx","$options","_component_a_button","$data","_component_svg_icon","_openBlock","_hoisted_3","_Fragment","_renderList","_normalizeStyle","_hoisted_4","_component_a_tooltip","_createTextVNode","_hoisted_5","subFormRowId","sfrIdx","$event","_hoisted_10","_hoisted_11","swIdx","_resolveDynamicComponent"],"mappings":"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"}

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

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