@kp-ui/lowcode 1.0.91 → 1.0.94

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

@@ -1 +1 @@
-{"version":3,"file":"grid-sub-form-item.vue.js","sources":["../../../../../src/components/form-render/container-item/grid-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      <div v-for=\"(subFormRowId, sfrIdx) in rowIdData\" class=\"sub-form-row\" :key=\"subFormRowId\">\n        <div class=\"sub-form-action-column hide-label\" :class=\"actionBtnsClass\">\n          <div class=\"action-button-column\" :class=\"actionBtnsClass\" v-show=\"!isReadMode\">\n            <a-button\n              type=\"link\"\n              :title=\"i18nt('render.hint.insertSubFormRow')\"\n              :disabled=\"actionDisabled || deleteDisabled\"\n              @click=\"insertSubFormRow(sfrIdx)\"\n            >\n              <template #icon>\n                <svg-icon icon-class=\"el-plus\" />\n              </template>\n            </a-button>\n            <a-button\n              type=\"link\"\n              :title=\"i18nt('render.hint.deleteSubFormRow')\"\n              :disabled=\"actionDisabled || deleteDisabled\"\n              @click=\"deleteSubFormRow(sfrIdx)\"\n            >\n              <template #icon>\n                <svg-icon icon-class=\"el-delete\" />\n              </template>\n            </a-button>\n          </div>\n        </div>\n        <div class=\"row-no-column\">\n          <span class=\"row-number-span\">#{{ sfrIdx + 1 }}</span>\n        </div>\n        <div class=\"grid-sub-form-data-row\">\n          <template\n            v-for=\"(subWidget, swIdx) in widget.widgetList\"\n            :key=\"widgetSchemaData[sfrIdx][swIdx].id\"\n          >\n            <component\n              :is=\"getComponentByContainer(subWidget)\"\n              :widget=\"widgetSchemaData[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          </template>\n        </div>\n      </div>\n      <div class=\"header-row\">\n        <a-button\n          block\n          v-if=\"!isReadMode\"\n          :disabled=\"actionDisabled || insertDisabled\"\n          shape=\"round\"\n          type=\"dashed\"\n          size=\"small\"\n          class=\"action-button\"\n          @click=\"addSubFormRow\"\n          :title=\"i18nt('render.hint.subFormAddActionHint')\"\n        >\n          <template #icon>\n            <svg-icon icon-class=\"el-plus\" />\n          </template>\n          {{ i18nt('render.hint.subFormAddAction') }}\n        </a-button>\n      </div>\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, traverseFieldWidgetsOfContainer } 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 { TpfConfirm } from '@/hooks/TpfConfirm';\n  import { PlusCircleOutlined, DeleteOutlined } from '@ant-design/icons-vue';\n  import SvgIcon from '@/components/svg-icon';\n  export default {\n    name: 'grid-sub-form-item',\n    componentName: 'ContainerItem',\n    mixins: [emitter, i18n, refMixin, containerItemMixin],\n    components: {\n      SvgIcon,\n      ContainerItemWrapper,\n      ...FieldComponents\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        widgetSchemaData: [],\n        actionDisabled: false,\n        insertDisabled: false, //是否禁止新增、插入记录\n        deleteDisabled: false, //是否禁止删除记录\n\n        fieldWidgetList: []\n      };\n    },\n    computed: {\n      isReadMode() {\n        return this.getReadMode();\n      },\n\n      actionBtnsClass() {\n        return this.widget.options.actionColumnPosition || 'right' === 'right'\n          ? 'right-action-column'\n          : 'left-action-column';\n      }\n    },\n    created() {\n      this.initRefList();\n      this.registerSubFormToRefList();\n      this.initRowIdData(true);\n      this.initWidgetSchemaData();\n      this.initEventHandler();\n    },\n    mounted() {\n      this.extractFieldWidgetList();\n      this.handleSubFormFirstRowAdd(); //默认添加首行后，主动触发相关事件！！\n    },\n    beforeUnmount() {\n      this.unregisterFromRefList();\n    },\n    methods: {\n      extractFieldWidgetList() {\n        this.fieldWidgetList.splice(0, this.fieldWidgetList.length);\n        const fieldListFn = fw => {\n          this.fieldWidgetList.push(fw);\n        };\n        traverseFieldWidgetsOfContainer(this.widget, fieldListFn);\n      },\n\n      getLabelAlign(widget, subWidget) {\n        return subWidget.options.labelAlign || widget.options.labelAlign;\n      },\n\n      registerSubFormToRefList() {\n        if (this.widget.type === 'grid-sub-form') {\n          this.sfRefList[this.widget.options.name] = this;\n        }\n      },\n\n      initRowIdData(initFlag) {\n        if (this.widget.type === 'grid-sub-form') {\n          this.rowIdData.splice(0, this.rowIdData.length); //清除数组必须用splice，length=0不会响应式更新！！\n          //   this.rowIdData.push('id' + generateId());\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      initWidgetSchemaData() {\n        //初始化widgetSchemaData！！！\n        if (this.widget.type !== 'grid-sub-form') {\n          return;\n        }\n\n        const rowLength = this.rowIdData.length;\n        this.widgetSchemaData.splice(0, this.widgetSchemaData.length); //清除数组必须用splice，length=0不会响应式更新！！\n        if (rowLength > 0) {\n          for (let i = 0; i < rowLength; i++) {\n            const widgetSchemas = [];\n            this.widget.widgetList.forEach(swItem => {\n              widgetSchemas.push(this.cloneSchemaOfWidget(swItem));\n            });\n            this.widgetSchemaData.push(widgetSchemas);\n          }\n        }\n      },\n\n      addToWidgetSchemaData(rowIndex) {\n        const widgetSchemas = [];\n        this.widget.widgetList.forEach(swItem => {\n          widgetSchemas.push(this.cloneSchemaOfWidget(swItem));\n        });\n\n        if (rowIndex === undefined) {\n          this.widgetSchemaData.push(widgetSchemas);\n        } else {\n          this.widgetSchemaData.splice(rowIndex, 0, widgetSchemas);\n        }\n      },\n\n      deleteFromWidgetSchemaData(rowIndex) {\n        this.widgetSchemaData.splice(rowIndex, 1);\n      },\n\n      cloneSchemaOfWidget(widget) {\n        const newWidgetSchema = deepClone(widget);\n        newWidgetSchema.id = widget.type + generateId();\n        return newWidgetSchema;\n      },\n\n      initEventHandler() {\n        if (this.widget.type !== 'grid-sub-form') {\n          return;\n        }\n\n        this.on$('setFormData', newFormData => {\n          this.initRowIdData(false);\n          this.initWidgetSchemaData();\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 !== 'grid-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\n          //确认组件创建成功后触发事件!!\n          this.$nextTick(() => {\n            this.handleSubFormRowAdd(oldSubFormData, this.rowIdData[0]);\n            this.handleSubFormRowChange(oldSubFormData);\n          });\n        }\n      },\n\n      addSubFormRow() {\n        const newSubFormDataRow = {};\n        this.fieldWidgetList.forEach(subFormItem => {\n          if (!!subFormItem.formItemFlag) {\n            newSubFormDataRow[subFormItem.options.name] = subFormItem.options.defaultValue;\n          }\n        });\n\n        const oldSubFormData = this.formModel[this.widget.options.name] || [];\n        oldSubFormData.push(newSubFormDataRow);\n        this.addToRowIdData();\n        this.addToWidgetSchemaData();\n\n        //确认组件创建成功后触发事件!!\n        this.$nextTick(() => {\n          this.handleSubFormRowAdd(oldSubFormData, this.rowIdData[oldSubFormData.length - 1]);\n          this.handleSubFormRowChange(oldSubFormData);\n        });\n      },\n\n      insertSubFormRow(beforeFormRowIndex) {\n        const newSubFormDataRow = {};\n        this.fieldWidgetList.forEach(subFormItem => {\n          if (!!subFormItem.formItemFlag) {\n            newSubFormDataRow[subFormItem.options.name] = 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.addToWidgetSchemaData(beforeFormRowIndex);\n\n        //确认组件创建成功后触发事件!!\n        this.$nextTick(() => {\n          this.handleSubFormRowInsert(oldSubFormData, this.rowIdData[beforeFormRowIndex]);\n          this.handleSubFormRowChange(oldSubFormData);\n        });\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.deleteFromWidgetSchemaData(formRowIndex);\n\n            //确认组件创建成功后触发事件!!\n            this.$nextTick(() => {\n              this.handleSubFormRowDelete(oldSubFormData, deletedDataRow);\n              this.handleSubFormRowChange(oldSubFormData);\n            });\n          })\n          .catch(() => {\n            //\n          });\n      },\n\n      handleSubFormRowChange(subFormData) {\n        if (!!this.widget.options.onSubFormRowChange) {\n          const customFunc = new Function('subFormData', this.widget.options.onSubFormRowChange);\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.disableGridSubForm();\n        } else {\n          this.enableGridSubForm();\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: 16px;\n    text-align: left;\n    background: #fafafa;\n    padding: 16px;\n    border-radius: 8px;\n\n    .header-row {\n      margin-top: 15px;\n      :deep(.action-button) {\n        height: 35px;\n      }\n    }\n\n    .sub-form-row {\n      display: flex;\n      align-items: center;\n      background: white;\n      margin: 8px 0;\n      border-radius: 6px;\n      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);\n      .left-action-column {\n        order: 0;\n      }\n      .right-action-column {\n        order: 10;\n      }\n\n      .row-number-span {\n        margin-left: 16px;\n      }\n    }\n  }\n\n  .sub-form-action-column {\n    display: inline-block;\n    align-items: center;\n    text-align: center;\n    padding: 8px;\n\n    :deep(.el-form-item) {\n      margin-bottom: 0;\n    }\n\n    :deep(.el-button) {\n      font-size: 18px;\n      padding: 0;\n      //   background: #dcdfe6;\n      margin-left: 2px;\n      //   border: 4px solid #dcdfe6;\n    }\n  }\n\n  .grid-sub-form-data-row {\n    display: inline-block;\n    flex: 1;\n    padding: 10px;\n    border-left: 1px solid #e1e2e3;\n    border-right: 1px solid #e1e2e3;\n    order: 2;\n    :deep(.ant-form-item) {\n      margin-bottom: 0;\n    }\n  }\n\n  div.sub-form-action-column.hide-label {\n    :deep(.el-form-item__label) {\n      display: none;\n    }\n  }\n\n  div.row-no-column {\n    display: flex;\n    align-items: center;\n    width: 50px;\n    border-radius: 10px;\n    background: #f1f2f3;\n    padding: 5px 0;\n    margin: 0 6px;\n    order: 1;\n    font-size: 14px;\n    color: #666;\n  }\n\n  div.sub-form-table-column {\n    display: inline-block;\n    border: 1px solid #e1e2e3;\n    padding: 8px;\n\n    :deep(.el-form-item) {\n      margin-left: 4px;\n      margin-right: 4px;\n      margin-bottom: 0;\n    }\n\n    :deep(.el-form-item__content) {\n      margin-left: 0 !important;\n    }\n  }\n\n  div.sub-form-table-column.hide-label {\n    :deep(.el-form-item__label) {\n      display: none;\n    }\n  }\n  .action-button-column {\n    width: 140px;\n  }\n</style>\n"],"names":["FieldComponents","_createBlock","_createElementBlock","_openBlock","_Fragment","_renderList","_createElementVNode","_normalizeClass","_createVNode","_resolveDynamicComponent","_createTextVNode"],"mappings":"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"}
+{"version":3,"file":"grid-sub-form-item.vue.js","sources":["../../../../../src/components/form-render/container-item/grid-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      <div v-for=\"(subFormRowId, sfrIdx) in rowIdData\" class=\"sub-form-row\" :key=\"subFormRowId\">\n        <div class=\"sub-form-action-column hide-label\" :class=\"actionBtnsClass\">\n          <div class=\"action-button-column\" :class=\"actionBtnsClass\" v-show=\"!isReadMode\">\n            <a-button\n              type=\"link\"\n              :title=\"i18nt('render.hint.insertSubFormRow')\"\n              :disabled=\"actionDisabled || deleteDisabled\"\n              @click=\"insertSubFormRow(sfrIdx)\"\n            >\n              <template #icon>\n                <svg-icon icon-class=\"el-plus\" />\n              </template>\n            </a-button>\n            <a-button\n              type=\"link\"\n              :title=\"i18nt('render.hint.deleteSubFormRow')\"\n              :disabled=\"actionDisabled || deleteDisabled\"\n              @click=\"deleteSubFormRow(sfrIdx)\"\n            >\n              <template #icon>\n                <svg-icon icon-class=\"el-delete\" />\n              </template>\n            </a-button>\n          </div>\n        </div>\n        <div class=\"row-no-column\">\n          <span class=\"row-number-span\">#{{ sfrIdx + 1 }}</span>\n        </div>\n        <div class=\"grid-sub-form-data-row\">\n          <template\n            v-for=\"(subWidget, swIdx) in widget.widgetList\"\n            :key=\"widgetSchemaData[sfrIdx][swIdx].id\"\n          >\n            <component\n              :is=\"getComponentByContainer(subWidget)\"\n              :widget=\"widgetSchemaData[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          </template>\n        </div>\n      </div>\n      <div class=\"header-row\">\n        <a-button\n          block\n          v-if=\"!isReadMode\"\n          :disabled=\"actionDisabled || insertDisabled\"\n          shape=\"round\"\n          type=\"dashed\"\n          size=\"small\"\n          class=\"action-button\"\n          @click=\"addSubFormRow\"\n          :title=\"i18nt('render.hint.subFormAddActionHint')\"\n        >\n          <template #icon>\n            <svg-icon icon-class=\"el-plus\" />\n          </template>\n          {{ i18nt('render.hint.subFormAddAction') }}\n        </a-button>\n      </div>\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, traverseFieldWidgetsOfContainer } 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 { TpfConfirm } from '@/hooks/TpfConfirm';\n  import { PlusCircleOutlined, DeleteOutlined } from '@ant-design/icons-vue';\n  import SvgIcon from '@/components/svg-icon';\n  export default {\n    name: 'grid-sub-form-item',\n    componentName: 'ContainerItem',\n    mixins: [emitter, i18n, refMixin, containerItemMixin],\n    components: {\n      SvgIcon,\n      ContainerItemWrapper,\n      ...FieldComponents\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        widgetSchemaData: [],\n        actionDisabled: false,\n        insertDisabled: false, //是否禁止新增、插入记录\n        deleteDisabled: false, //是否禁止删除记录\n\n        fieldWidgetList: []\n      };\n    },\n    computed: {\n      isReadMode() {\n        return this.getReadMode();\n      },\n\n      actionBtnsClass() {\n        return this.widget.options.actionColumnPosition || 'right' === 'right'\n          ? 'right-action-column'\n          : 'left-action-column';\n      }\n    },\n    created() {\n      this.initRefList();\n      this.registerSubFormToRefList();\n      this.initRowIdData(true);\n      this.initWidgetSchemaData();\n      this.initEventHandler();\n    },\n    mounted() {\n      this.extractFieldWidgetList();\n      this.handleSubFormFirstRowAdd(); //默认添加首行后，主动触发相关事件！！\n    },\n    beforeUnmount() {\n      this.unregisterFromRefList();\n    },\n    methods: {\n      extractFieldWidgetList() {\n        this.fieldWidgetList.splice(0, this.fieldWidgetList.length);\n        const fieldListFn = fw => {\n          this.fieldWidgetList.push(fw);\n        };\n        traverseFieldWidgetsOfContainer(this.widget, fieldListFn);\n      },\n\n      getLabelAlign(widget, subWidget) {\n        return subWidget.options.labelAlign || widget.options.labelAlign;\n      },\n\n      registerSubFormToRefList() {\n        if (this.widget.type === 'grid-sub-form') {\n          this.sfRefList[this.widget.options.name] = this;\n        }\n      },\n\n      initRowIdData(initFlag) {\n        if (this.widget.type === 'grid-sub-form') {\n          this.rowIdData.splice(0, this.rowIdData.length); //清除数组必须用splice，length=0不会响应式更新！！\n          //   this.rowIdData.push('id' + generateId());\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      initWidgetSchemaData() {\n        //初始化widgetSchemaData！！！\n        if (this.widget.type !== 'grid-sub-form') {\n          return;\n        }\n\n        const rowLength = this.rowIdData.length;\n        this.widgetSchemaData.splice(0, this.widgetSchemaData.length); //清除数组必须用splice，length=0不会响应式更新！！\n        if (rowLength > 0) {\n          for (let i = 0; i < rowLength; i++) {\n            const widgetSchemas = [];\n            this.widget.widgetList.forEach(swItem => {\n              widgetSchemas.push(this.cloneSchemaOfWidget(swItem));\n            });\n            this.widgetSchemaData.push(widgetSchemas);\n          }\n        }\n      },\n\n      addToWidgetSchemaData(rowIndex) {\n        const widgetSchemas = [];\n        this.widget.widgetList.forEach(swItem => {\n          widgetSchemas.push(this.cloneSchemaOfWidget(swItem));\n        });\n\n        if (rowIndex === undefined) {\n          this.widgetSchemaData.push(widgetSchemas);\n        } else {\n          this.widgetSchemaData.splice(rowIndex, 0, widgetSchemas);\n        }\n      },\n\n      deleteFromWidgetSchemaData(rowIndex) {\n        this.widgetSchemaData.splice(rowIndex, 1);\n      },\n\n      cloneSchemaOfWidget(widget) {\n        const newWidgetSchema = deepClone(widget);\n        newWidgetSchema.id = widget.type + generateId();\n        return newWidgetSchema;\n      },\n\n      initEventHandler() {\n        if (this.widget.type !== 'grid-sub-form') {\n          return;\n        }\n\n        this.on$('setFormData', newFormData => {\n          this.initRowIdData(false);\n          this.initWidgetSchemaData();\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 !== 'grid-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\n          //确认组件创建成功后触发事件!!\n          this.$nextTick(() => {\n            this.handleSubFormRowAdd(oldSubFormData, this.rowIdData[0]);\n            this.handleSubFormRowChange(oldSubFormData);\n          });\n        }\n      },\n\n      addSubFormRow() {\n        const newSubFormDataRow = {};\n        this.fieldWidgetList.forEach(subFormItem => {\n          if (!!subFormItem.formItemFlag) {\n            newSubFormDataRow[subFormItem.options.name] = subFormItem.options.defaultValue;\n          }\n        });\n\n        const oldSubFormData = this.formModel[this.widget.options.name] || [];\n        oldSubFormData.push(newSubFormDataRow);\n        this.addToRowIdData();\n        this.addToWidgetSchemaData();\n\n        //确认组件创建成功后触发事件!!\n        this.$nextTick(() => {\n          this.handleSubFormRowAdd(oldSubFormData, this.rowIdData[oldSubFormData.length - 1]);\n          this.handleSubFormRowChange(oldSubFormData);\n        });\n      },\n\n      insertSubFormRow(beforeFormRowIndex) {\n        const newSubFormDataRow = {};\n        this.fieldWidgetList.forEach(subFormItem => {\n          if (!!subFormItem.formItemFlag) {\n            newSubFormDataRow[subFormItem.options.name] = 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.addToWidgetSchemaData(beforeFormRowIndex);\n\n        //确认组件创建成功后触发事件!!\n        this.$nextTick(() => {\n          this.handleSubFormRowInsert(oldSubFormData, this.rowIdData[beforeFormRowIndex]);\n          this.handleSubFormRowChange(oldSubFormData);\n        });\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.deleteFromWidgetSchemaData(formRowIndex);\n\n            //确认组件创建成功后触发事件!!\n            this.$nextTick(() => {\n              this.handleSubFormRowDelete(oldSubFormData, deletedDataRow);\n              this.handleSubFormRowChange(oldSubFormData);\n            });\n          })\n          .catch(() => {\n            //\n          });\n      },\n\n      handleSubFormRowChange(subFormData) {\n        if (!!this.widget.options.onSubFormRowChange) {\n          const customFunc = new Function('subFormData', this.widget.options.onSubFormRowChange);\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.disableGridSubForm();\n        } else {\n          this.enableGridSubForm();\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: 16px;\n    text-align: left;\n    background: #fafafa;\n    padding: 16px;\n    border-radius: 8px;\n\n    .header-row {\n      margin-top: 15px;\n      :deep(.action-button) {\n        height: 35px;\n      }\n    }\n\n    .sub-form-row {\n      display: flex;\n      align-items: center;\n      background: white;\n      margin: 8px 0;\n      border-radius: 6px;\n      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);\n      .left-action-column {\n        order: 0;\n      }\n      .right-action-column {\n        order: 10;\n      }\n\n      .row-number-span {\n        margin-left: 16px;\n      }\n    }\n  }\n\n  .sub-form-action-column {\n    display: inline-block;\n    align-items: center;\n    text-align: center;\n    padding: 8px;\n\n    :deep(.el-form-item) {\n      margin-bottom: 0;\n    }\n\n    :deep(.el-button) {\n      font-size: 18px;\n      padding: 0;\n      //   background: #dcdfe6;\n      margin-left: 2px;\n      //   border: 4px solid #dcdfe6;\n    }\n  }\n\n  .grid-sub-form-data-row {\n    display: inline-block;\n    flex: 1;\n    padding: 10px;\n    border-left: 1px solid #e1e2e3;\n    border-right: 1px solid #e1e2e3;\n    order: 2;\n    :deep(.ant-form-item) {\n      margin-bottom: 0;\n    }\n  }\n\n  div.sub-form-action-column.hide-label {\n    :deep(.el-form-item__label) {\n      display: none;\n    }\n  }\n\n  div.row-no-column {\n    display: flex;\n    align-items: center;\n    width: 50px;\n    border-radius: 10px;\n    background: #f1f2f3;\n    padding: 5px 0;\n    margin: 0 6px;\n    order: 1;\n    font-size: 14px;\n    color: #666;\n  }\n\n  div.sub-form-table-column {\n    display: inline-block;\n    border: 1px solid #e1e2e3;\n    padding: 8px;\n\n    :deep(.el-form-item) {\n      margin-left: 4px;\n      margin-right: 4px;\n      margin-bottom: 0;\n    }\n\n    :deep(.el-form-item__content) {\n      margin-left: 0 !important;\n    }\n  }\n\n  div.sub-form-table-column.hide-label {\n    :deep(.el-form-item__label) {\n      display: none;\n    }\n  }\n  .action-button-column {\n    width: 140px;\n  }\n</style>\n"],"names":["_sfc_main","emitter","i18n","refMixin","containerItemMixin","SvgIcon","ContainerItemWrapper","FieldComponents","fieldListFn","fw","traverseFieldWidgetsOfContainer","widget","subWidget","initFlag","subFormModel","generateId","rowIndex","widgetName","realWidgetName","rowLength","i","widgetSchemas","swItem","newWidgetSchema","deepClone","newFormData","subFormData","oldSubFormData","newSubFormDataRow","subFormItem","beforeFormRowIndex","formRowIndex","TpfConfirm","deletedDataRow","newRowId","flag","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_createBlock","_component_container_item_wrapper","$props","_createElementBlock","_openBlock","_Fragment","_renderList","$data","subFormRowId","sfrIdx","_createElementVNode","_normalizeClass","$options","_createVNode","_component_a_button","_ctx","$event","_component_svg_icon","swIdx","_resolveDynamicComponent","_createTextVNode"],"mappings":"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"}

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

@@ -1,25 +1,24 @@
-import * as containerItemWrapper from "./container-item-wrapper.vue.js";
-import * as dataTableItem from "./data-table-item.vue.js";
-import * as gridColItem from "./grid-col-item.vue.js";
-import * as gridItem from "./grid-item.vue.js";
-import * as gridSubFormItem from "./grid-sub-form-item.vue.js";
-import * as subFormItem from "./sub-form-item.vue.js";
-import * as tabItem from "./tab-item.vue.js";
-import * as tableCellItem from "./table-cell-item.vue.js";
-import * as tableItem from "./table-item.vue.js";
-import * as vfCollapseItem from "./vf-collapse-item.vue.js";
-import * as vfDialogItem from "./vf-dialog-item.vue.js";
-import * as vfDrawerItem from "./vf-drawer-item.vue.js";
-const modules = /* @__PURE__ */ Object.assign({ "./container-item-wrapper.vue": containerItemWrapper, "./data-table-item.vue": dataTableItem, "./grid-col-item.vue": gridColItem, "./grid-item.vue": gridItem, "./grid-sub-form-item.vue": gridSubFormItem, "./sub-form-item.vue": subFormItem, "./tab-item.vue": tabItem, "./table-cell-item.vue": tableCellItem, "./table-item.vue": tableItem, "./vf-collapse-item.vue": vfCollapseItem, "./vf-dialog-item.vue": vfDialogItem, "./vf-drawer-item.vue": vfDrawerItem });
-const ContainerItems = {
-  install(app) {
-    for (const path in modules) {
-      const cname = modules[path].default.name;
-      app.component(cname, modules[path].default);
+import * as o from "./container-item-wrapper.vue.js";
+import * as a from "./data-table-item.vue.js";
+import * as i from "./grid-col-item.vue.js";
+import * as s from "./grid-item.vue.js";
+import * as f from "./grid-sub-form-item.vue.js";
+import * as l from "./sub-form-item.vue.js";
+import * as p from "./tab-item.vue.js";
+import * as u from "./table-cell-item.vue.js";
+import * as v from "./table-item.vue.js";
+import * as n from "./vf-collapse-item.vue.js";
+import * as d from "./vf-dialog-item.vue.js";
+import * as b from "./vf-drawer-item.vue.js";
+const e = /* @__PURE__ */ Object.assign({ "./container-item-wrapper.vue": o, "./data-table-item.vue": a, "./grid-col-item.vue": i, "./grid-item.vue": s, "./grid-sub-form-item.vue": f, "./sub-form-item.vue": l, "./tab-item.vue": p, "./table-cell-item.vue": u, "./table-item.vue": v, "./vf-collapse-item.vue": n, "./vf-dialog-item.vue": d, "./vf-drawer-item.vue": b }), I = {
+  install(m) {
+    for (const t in e) {
+      const r = e[t].default.name;
+      m.component(r, e[t].default);
     }
   }
 };
 export {
-  ContainerItems as default
+  I as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/form-render/container-item/index.js"],"sourcesContent":["const modules = import.meta.glob('./*.vue', { eager: true });\n\nexport default {\n  install(app) {\n    for (const path in modules) {\n      const cname = modules[path].default.name;\n      app.component(cname, modules[path].default);\n    }\n  }\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAAA,MAAM;AAEN,MAAA,iBAAe;AAAA,EACb,QAAQ,KAAK;AACX,eAAW,QAAQ,SAAS;AAC1B,YAAM,QAAQ,QAAQ,IAAI,EAAE,QAAQ;AACpC,UAAI,UAAU,OAAO,QAAQ,IAAI,EAAE,OAAO;AAAA,IAChD;AAAA,EACA;AACA;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/form-render/container-item/index.js"],"sourcesContent":["const modules = import.meta.glob('./*.vue', { eager: true });\n\nexport default {\n  install(app) {\n    for (const path in modules) {\n      const cname = modules[path].default.name;\n      app.component(cname, modules[path].default);\n    }\n  }\n};\n"],"names":["modules","__vite_glob_0_0","__vite_glob_0_1","__vite_glob_0_2","__vite_glob_0_3","__vite_glob_0_4","__vite_glob_0_5","__vite_glob_0_6","__vite_glob_0_7","__vite_glob_0_8","__vite_glob_0_9","__vite_glob_0_10","__vite_glob_0_11","ContainerItems","app","path","cname"],"mappings":";;;;;;;;;;;;AAAA,MAAMA,IAAU,uBAAA,OAAA,EAAA,gCAAAC,GAAA,yBAAAC,GAAA,uBAAAC,GAAA,mBAAAC,GAAA,4BAAAC,GAAA,uBAAAC,GAAA,kBAAAC,GAAA,yBAAAC,GAAA,oBAAAC,GAAA,0BAAAC,GAAA,wBAAAC,GAAA,wBAAAC,EAAA,CAAA,GAEhBC,IAAe;AAAA,EACb,QAAQC,GAAK;AACX,eAAWC,KAAQf,GAAS;AAC1B,YAAMgB,IAAQhB,EAAQe,CAAI,EAAE,QAAQ;AACpC,MAAAD,EAAI,UAAUE,GAAOhB,EAAQe,CAAI,EAAE,OAAO;AAAA,IAChD;AAAA,EACA;AACA;"}