@kp-ui/lowcode 1.0.56 → 1.0.57

package/src/components/form-designer/widget-panel/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../src/components/form-designer/widget-panel/index.vue"],"sourcesContent":["<template>\n  <div class=\"side-scroll-bar\">\n    <div class=\"panel-container\">\n      <a-tabs v-model:activeKey=\"firstTab\" class=\"no-bottom-margin indent-left-margin\">\n        <a-tab-pane key=\"componentLib\">\n          <template #tab>\n            <span><svg-icon icon-class=\"el-set-up\" /> {{ i18nt('designer.componentLib') }}</span>\n          </template>\n\n          <a-collapse v-model:activeKey=\"activeNames\" class=\"widget-collapse\">\n            <a-collapse-panel key=\"containerTitle\" :header=\"i18nt('designer.containerTitle')\">\n              <draggable\n                tag=\"ul\"\n                :list=\"containers\"\n                item-key=\"key\"\n                :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n                :clone=\"handleContainerWidgetClone\"\n                ghost-class=\"ghost\"\n                :sort=\"false\"\n                :move=\"checkContainerMove\"\n                @end=\"onContainerDragEnd\"\n              >\n                <template #item=\"{ element: ctn }\">\n                  <li\n                    class=\"container-widget-item\"\n                    :title=\"ctn.displayName\"\n                    @dblclick=\"addContainerByDbClick(ctn)\"\n                  >\n                    <span>\n                      <svg-icon :icon-class=\"ctn.icon\" class-name=\"color-svg-icon\" />\n                      {{\n                        ctn.showName ||\n                        i18n2t(\n                          `designer.widgetLabel.${ctn.type}`,\n                          `extension.widgetLabel.${ctn.type}`\n                        )\n                      }}\n                    </span>\n                  </li>\n                </template>\n              </draggable>\n            </a-collapse-panel>\n\n            <a-collapse-panel key=\"basicFieldTitle\" :header=\"i18nt('designer.basicFieldTitle')\">\n              <draggable\n                tag=\"ul\"\n                :list=\"basicFields\"\n                item-key=\"key\"\n                :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n                :move=\"checkFieldMove\"\n                :clone=\"handleFieldWidgetClone\"\n                ghost-class=\"ghost\"\n                :sort=\"false\"\n              >\n                <template #item=\"{ element: fld }\">\n                  <li\n                    class=\"field-widget-item\"\n                    :title=\"fld.displayName\"\n                    @dblclick=\"addFieldByDbClick(fld)\"\n                  >\n                    <span>\n                      <svg-icon :icon-class=\"fld.icon\" class-name=\"color-svg-icon\" />\n                      {{\n                        fld.showName ||\n                        i18n2t(\n                          `designer.widgetLabel.${fld.type}`,\n                          `extension.widgetLabel.${fld.type}`\n                        )\n                      }}\n                    </span>\n                  </li>\n                </template>\n              </draggable>\n            </a-collapse-panel>\n\n            <a-collapse-panel\n              key=\"advancedFieldTitle\"\n              :header=\"i18nt('designer.advancedFieldTitle')\"\n            >\n              <draggable\n                tag=\"ul\"\n                :list=\"advancedFields\"\n                item-key=\"key\"\n                :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n                :move=\"checkFieldMove\"\n                :clone=\"handleFieldWidgetClone\"\n                ghost-class=\"ghost\"\n                :sort=\"false\"\n              >\n                <template #item=\"{ element: fld }\">\n                  <li\n                    class=\"field-widget-item\"\n                    :title=\"fld.displayName\"\n                    @dblclick=\"addFieldByDbClick(fld)\"\n                  >\n                    <span>\n                      <svg-icon :icon-class=\"fld.icon\" class-name=\"color-svg-icon\" />\n                      {{\n                        fld.showName ||\n                        i18n2t(\n                          `designer.widgetLabel.${fld.type}`,\n                          `extension.widgetLabel.${fld.type}`\n                        )\n                      }}\n                    </span>\n                  </li>\n                </template>\n              </draggable>\n            </a-collapse-panel>\n            <a-collapse-panel key=\"yyzj\" :header=\"`业务组件`\" v-if=\"0\">\n              <draggable\n                tag=\"ul\"\n                :list=\"businessFields\"\n                item-key=\"key\"\n                :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n                :move=\"checkFieldMove\"\n                :clone=\"handleFieldWidgetClone\"\n                ghost-class=\"ghost\"\n                :sort=\"false\"\n              >\n                <template #item=\"{ element: bfld }\">\n                  <li\n                    class=\"field-widget-item\"\n                    :title=\"bfld.displayName\"\n                    @dblclick=\"addFieldByDbClick(bfld)\"\n                  >\n                    <span>\n                      <svg-icon :icon-class=\"bfld.icon\" class-name=\"color-svg-icon\" />\n                      {{\n                        bfld.showName ||\n                        i18n2t(\n                          `designer.widgetLabel.${bfld.type}`,\n                          `extension.widgetLabel.${bfld.type}`\n                        )\n                      }}\n                    </span>\n                  </li>\n                </template>\n              </draggable>\n            </a-collapse-panel>\n\n            <a-collapse-panel\n              v-if=\"customFields.length\"\n              key=\"customFieldTitle\"\n              :header=\"i18nt('designer.customFieldTitle')\"\n            >\n              <draggable\n                tag=\"ul\"\n                :list=\"customFields\"\n                item-key=\"key\"\n                :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n                :move=\"checkFieldMove\"\n                :clone=\"handleFieldWidgetClone\"\n                ghost-class=\"ghost\"\n                :sort=\"false\"\n              >\n                <template #item=\"{ element: fld }\">\n                  <li\n                    class=\"field-widget-item\"\n                    :title=\"fld.displayName\"\n                    @dblclick=\"addFieldByDbClick(fld)\"\n                  >\n                    <span>\n                      <svg-icon :icon-class=\"fld.icon\" class-name=\"color-svg-icon\" />\n                      {{\n                        i18n2t(\n                          `designer.widgetLabel.${fld.type}`,\n                          `extension.widgetLabel.${fld.type}`\n                        )\n                      }}\n                    </span>\n                  </li>\n                </template>\n              </draggable>\n            </a-collapse-panel>\n          </a-collapse>\n        </a-tab-pane>\n\n        <a-tab-pane v-if=\"false && showFormTemplates()\" key=\"formLib\" style=\"padding: 8px\">\n          <template #tab>\n            <span>\n              <svg-icon icon-class=\"el-form-template\" />\n              {{ i18nt('designer.formLib') }}\n            </span>\n          </template>\n\n          <template v-for=\"(ft, idx) in formTemplates\" :key=\"idx\">\n            <a-card :body-style=\"{ padding: '0' }\" shadow=\"hover\" class=\"ft-card\">\n              <a-popover placement=\"right\" trigger=\"hover\">\n                <template #content>\n                  <img :src=\"ftImages[idx].imgUrl\" style=\"width: 200px\" />\n                </template>\n                <img :src=\"ftImages[idx].imgUrl\" style=\"height: 600px; width: 720px\" />\n              </a-popover>\n              <div class=\"bottom clear-fix\">\n                <span class=\"ft-title\">#{{ idx + 1 }} {{ ft.title }}</span>\n                <a-button type=\"text\" class=\"right-button\" @click=\"loadFormTemplate(ft.jsonUrl)\">\n                  {{ i18nt('designer.hint.loadFormTemplate') }}\n                </a-button>\n              </div>\n            </a-card>\n          </template>\n        </a-tab-pane>\n      </a-tabs>\n    </div>\n  </div>\n</template>\n\n<script>\n  import SvgIcon from '@/components/svg-icon';\n  import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n  import {\n    containers as CONS,\n    basicFields as BFS,\n    advancedFields as AFS,\n    customFields as CFS,\n    businessFields as BUFS\n  } from './widgetsConfig';\n  import { formTemplates } from './templatesConfig';\n  import { addWindowResizeHandler, generateId } from '@/utils/util';\n  import i18n from '@/utils/i18n';\n  import axios from 'axios';\n\n  import { TpfConfirm } from '@/hooks/TpfConfirm';\n\n  export default {\n    name: 'FieldPanel',\n    mixins: [i18n],\n    components: { SvgIcon, Draggable },\n    props: {\n      designer: Object\n    },\n    inject: ['getBannedWidgets', 'getDesignerConfig'],\n    data() {\n      return {\n        designerConfig: this.getDesignerConfig(),\n\n        firstTab: 'componentLib',\n\n        scrollerHeight: 0,\n\n        activeNames: [\n          'containerTitle',\n          'basicFieldTitle',\n          'advancedFieldTitle',\n          'yyzj',\n          'customFieldTitle'\n        ],\n\n        containers: [],\n        basicFields: [],\n        advancedFields: [],\n        customFields: [],\n        businessFields: [],\n\n        formTemplates: formTemplates,\n        ftImages: []\n      };\n    },\n    computed: {\n      //\n    },\n    created() {\n      this.loadWidgets();\n    },\n    mounted() {\n      //this.loadWidgets()\n\n      this.scrollerHeight = window.innerHeight - 56 + 'px';\n      addWindowResizeHandler(() => {\n        this.$nextTick(() => {\n          this.scrollerHeight = window.innerHeight - 56 + 'px';\n          //console.log(this.scrollerHeight)\n        });\n      });\n    },\n    methods: {\n      isBanned(wName) {\n        return this.getBannedWidgets().indexOf(wName) > -1;\n      },\n\n      showFormTemplates() {\n        if (this.designerConfig['formTemplates'] === undefined) {\n          return true;\n        }\n\n        return !!this.designerConfig['formTemplates'];\n      },\n\n      loadWidgets() {\n        this.containers = CONS.map(con => {\n          return {\n            key: generateId(),\n            ...con,\n            displayName: this.i18n2t(\n              `designer.widgetLabel.${con.type}`,\n              `extension.widgetLabel.${con.type}`\n            )\n          };\n        }).filter(con => {\n          return !con.internal && !this.isBanned(con.type);\n        });\n\n        this.basicFields = BFS.map(fld => {\n          return {\n            key: generateId(),\n            ...fld,\n            displayName: this.i18n2t(\n              `designer.widgetLabel.${fld.type}`,\n              `extension.widgetLabel.${fld.type}`\n            )\n          };\n        }).filter(fld => {\n          return !this.isBanned(fld.type);\n        });\n\n        this.advancedFields = AFS.map(fld => {\n          return {\n            key: generateId(),\n            ...fld,\n            displayName: this.i18n2t(\n              `designer.widgetLabel.${fld.type}`,\n              `extension.widgetLabel.${fld.type}`\n            )\n          };\n        }).filter(fld => {\n          return !this.isBanned(fld.type);\n        });\n\n        this.customFields = CFS.map(fld => {\n          return {\n            key: generateId(),\n            ...fld,\n            displayName: this.i18n2t(\n              `designer.widgetLabel.${fld.type}`,\n              `extension.widgetLabel.${fld.type}`\n            )\n          };\n        }).filter(fld => {\n          return !this.isBanned(fld.type);\n        });\n        this.businessFields = BUFS.map(fld => {\n          return {\n            key: generateId(),\n            ...fld,\n            displayName: this.i18n2t(\n              `designer.widgetLabel.${fld.type}`,\n              `extension.widgetLabel.${fld.type}`\n            )\n          };\n        }).filter(fld => {\n          return !this.isBanned(fld.type);\n        });\n      },\n\n      handleContainerWidgetClone(origin) {\n        return this.designer.copyNewContainerWidget(origin);\n      },\n\n      handleFieldWidgetClone(origin) {\n        return this.designer.copyNewFieldWidget(origin);\n      },\n\n      /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */\n      checkContainerMove(evt) {\n        return this.designer.checkWidgetMove(evt);\n      },\n\n      /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */\n      checkFieldMove(evt) {\n        return this.designer.checkFieldMove(evt);\n      },\n\n      onContainerDragEnd(evt) {\n        //console.log('Drag end of container: ')\n        //console.log(evt)\n      },\n\n      addContainerByDbClick(container) {\n        this.designer.addContainerByDbClick(container);\n      },\n\n      addFieldByDbClick(widget) {\n        this.designer.addFieldByDbClick(widget);\n      },\n\n      loadFormTemplate(jsonUrl) {\n        TpfConfirm({\n          type: 'confirm',\n          content: this.i18nt('designer.setting.loadFormTemplateHint'),\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            axios\n              .get(jsonUrl)\n              .then(res => {\n                let modifiedFlag = false;\n                if (typeof res.data === 'string') {\n                  modifiedFlag = this.designer.loadFormJson(JSON.parse(res.data));\n                } else if (res.data.constructor === Object) {\n                  modifiedFlag = this.designer.loadFormJson(res.data);\n                }\n                if (modifiedFlag) {\n                  this.designer.emitHistoryChange();\n                }\n\n                this.$message.success(this.i18nt('designer.hint.loadFormTemplateSuccess'));\n              })\n              .catch(error => {\n                this.$message.error(\n                  this.i18nt('designer.hint.loadFormTemplateFailed') + ':' + error\n                );\n              });\n          })\n          .catch(error => {\n            console.error(error);\n          });\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .color-svg-icon {\n    color: $--color-primary;\n  }\n\n  div.panel-container {\n    padding-bottom: 10px;\n  }\n\n  .no-bottom-margin :deep(.ant-collapse-header) {\n    margin-bottom: 0;\n    padding: 8px !important;\n  }\n\n  .indent-left-margin {\n    :deep(.ant-tabs-nav) {\n      margin-left: 20px;\n    }\n  }\n  .ant-collapse-item :deep(ul) > li {\n    list-style: none;\n  }\n\n  .widget-collapse {\n    border-top-width: 0;\n\n    :deep(.ant-collapse-content) {\n      > .ant-collapse-content-box {\n        padding: 4px;\n      }\n\n      ul {\n        padding: 0;\n        margin: 0;\n        margin-block-start: 0;\n        margin-block-end: 0.1em;\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n\n        &:after {\n          content: '';\n          display: block;\n          clear: both;\n        }\n\n        .container-widget-item,\n        .field-widget-item {\n          width: calc(50% - 2px);\n          padding: 6px 8px;\n          cursor: move;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          overflow: hidden;\n          background: #f5f7fa;\n          border: 1px solid #e4e7ed;\n          transition: all 0.3s ease;\n          display: flex;\n          align-items: center;\n          gap: 4px;\n\n          .svg-icon {\n            font-size: 16px;\n          }\n\n          &:hover {\n            background: #ecf5ff;\n            border-color: $--color-primary;\n            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n            transform: translateY(-1px);\n          }\n        }\n\n        .drag-handler {\n          position: absolute;\n          top: 0;\n          left: 160px;\n          background-color: #dddddd;\n          border-radius: 5px;\n          padding-right: 5px;\n          font-size: 11px;\n          color: #666666;\n        }\n      }\n    }\n  }\n\n  .ft-card {\n    margin-bottom: 10px;\n\n    .bottom {\n      margin-top: 10px;\n      line-height: 12px;\n    }\n\n    .ft-title {\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .right-button {\n      padding: 0;\n      float: right;\n    }\n\n    .clear-fix:before,\n    .clear-fix:after {\n      display: table;\n      content: '';\n    }\n\n    .clear-fix:after {\n      clear: both;\n    }\n  }\n  .side-scroll-bar {\n    height: 100%;\n    overflow: auto;\n\n    .panel-container {\n      height: 100%;\n      overflow: auto;\n\n      & > .ant-tabs {\n        height: 100%;\n        overflow: auto;\n        display: flex;\n        flex-direction: column;\n        :deep(.ant-tabs-content-holder) {\n          flex: 1 0 0;\n          overflow: auto;\n        }\n      }\n    }\n  }\n</style>\n"],"names":["Draggable","CONS","BFS","AFS","CFS","BUFS","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_createTextVNode","_withCtx","_toDisplayString","_createBlock"],"mappings":"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"}
+{"version":3,"file":"index.vue.js","sources":["../../../../../src/components/form-designer/widget-panel/index.vue"],"sourcesContent":["<template>\n  <div class=\"side-scroll-bar\">\n    <div class=\"panel-container\">\n      <a-tabs v-model:activeKey=\"firstTab\" class=\"no-bottom-margin indent-left-margin\">\n        <a-tab-pane key=\"componentLib\">\n          <template #tab>\n            <span><svg-icon icon-class=\"el-set-up\" /> {{ i18nt('designer.componentLib') }}</span>\n          </template>\n\n          <a-collapse v-model:activeKey=\"activeNames\" class=\"widget-collapse\">\n            <a-collapse-panel key=\"containerTitle\" :header=\"i18nt('designer.containerTitle')\">\n              <draggable\n                tag=\"ul\"\n                :list=\"containers\"\n                item-key=\"key\"\n                :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n                :clone=\"handleContainerWidgetClone\"\n                ghost-class=\"ghost\"\n                :sort=\"false\"\n                :move=\"checkContainerMove\"\n                @end=\"onContainerDragEnd\"\n              >\n                <template #item=\"{ element: ctn }\">\n                  <li\n                    class=\"container-widget-item\"\n                    :title=\"ctn.displayName\"\n                    @dblclick=\"addContainerByDbClick(ctn)\"\n                  >\n                    <span>\n                      <svg-icon :icon-class=\"ctn.icon\" class-name=\"color-svg-icon\" />\n                      {{\n                        ctn.showName ||\n                        i18n2t(\n                          `designer.widgetLabel.${ctn.type}`,\n                          `extension.widgetLabel.${ctn.type}`\n                        )\n                      }}\n                    </span>\n                  </li>\n                </template>\n              </draggable>\n            </a-collapse-panel>\n\n            <a-collapse-panel key=\"basicFieldTitle\" :header=\"i18nt('designer.basicFieldTitle')\">\n              <draggable\n                tag=\"ul\"\n                :list=\"basicFields\"\n                item-key=\"key\"\n                :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n                :move=\"checkFieldMove\"\n                :clone=\"handleFieldWidgetClone\"\n                ghost-class=\"ghost\"\n                :sort=\"false\"\n              >\n                <template #item=\"{ element: fld }\">\n                  <li\n                    class=\"field-widget-item\"\n                    :title=\"fld.displayName\"\n                    @dblclick=\"addFieldByDbClick(fld)\"\n                  >\n                    <span>\n                      <svg-icon :icon-class=\"fld.icon\" class-name=\"color-svg-icon\" />\n                      {{\n                        fld.showName ||\n                        i18n2t(\n                          `designer.widgetLabel.${fld.type}`,\n                          `extension.widgetLabel.${fld.type}`\n                        )\n                      }}\n                    </span>\n                  </li>\n                </template>\n              </draggable>\n            </a-collapse-panel>\n\n            <a-collapse-panel\n              key=\"advancedFieldTitle\"\n              :header=\"i18nt('designer.advancedFieldTitle')\"\n            >\n              <draggable\n                tag=\"ul\"\n                :list=\"advancedFields\"\n                item-key=\"key\"\n                :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n                :move=\"checkFieldMove\"\n                :clone=\"handleFieldWidgetClone\"\n                ghost-class=\"ghost\"\n                :sort=\"false\"\n              >\n                <template #item=\"{ element: fld }\">\n                  <li\n                    class=\"field-widget-item\"\n                    :title=\"fld.displayName\"\n                    @dblclick=\"addFieldByDbClick(fld)\"\n                  >\n                    <span>\n                      <svg-icon :icon-class=\"fld.icon\" class-name=\"color-svg-icon\" />\n                      {{\n                        fld.showName ||\n                        i18n2t(\n                          `designer.widgetLabel.${fld.type}`,\n                          `extension.widgetLabel.${fld.type}`\n                        )\n                      }}\n                    </span>\n                  </li>\n                </template>\n              </draggable>\n            </a-collapse-panel>\n            <a-collapse-panel key=\"yyzj\" :header=\"`业务组件`\" v-if=\"0\">\n              <draggable\n                tag=\"ul\"\n                :list=\"businessFields\"\n                item-key=\"key\"\n                :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n                :move=\"checkFieldMove\"\n                :clone=\"handleFieldWidgetClone\"\n                ghost-class=\"ghost\"\n                :sort=\"false\"\n              >\n                <template #item=\"{ element: bfld }\">\n                  <li\n                    class=\"field-widget-item\"\n                    :title=\"bfld.displayName\"\n                    @dblclick=\"addFieldByDbClick(bfld)\"\n                  >\n                    <span>\n                      <svg-icon :icon-class=\"bfld.icon\" class-name=\"color-svg-icon\" />\n                      {{\n                        bfld.showName ||\n                        i18n2t(\n                          `designer.widgetLabel.${bfld.type}`,\n                          `extension.widgetLabel.${bfld.type}`\n                        )\n                      }}\n                    </span>\n                  </li>\n                </template>\n              </draggable>\n            </a-collapse-panel>\n\n            <a-collapse-panel\n              v-if=\"customFields.length\"\n              key=\"customFieldTitle\"\n              :header=\"i18nt('designer.customFieldTitle')\"\n            >\n              <draggable\n                tag=\"ul\"\n                :list=\"customFields\"\n                item-key=\"key\"\n                :group=\"{ name: 'dragGroup', pull: 'clone', put: false }\"\n                :move=\"checkFieldMove\"\n                :clone=\"handleFieldWidgetClone\"\n                ghost-class=\"ghost\"\n                :sort=\"false\"\n              >\n                <template #item=\"{ element: fld }\">\n                  <li\n                    class=\"field-widget-item\"\n                    :title=\"fld.displayName\"\n                    @dblclick=\"addFieldByDbClick(fld)\"\n                  >\n                    <span>\n                      <svg-icon :icon-class=\"fld.icon\" class-name=\"color-svg-icon\" />\n                      {{\n                        i18n2t(\n                          `designer.widgetLabel.${fld.type}`,\n                          `extension.widgetLabel.${fld.type}`\n                        )\n                      }}\n                    </span>\n                  </li>\n                </template>\n              </draggable>\n            </a-collapse-panel>\n          </a-collapse>\n        </a-tab-pane>\n\n        <a-tab-pane v-if=\"false && showFormTemplates()\" key=\"formLib\" style=\"padding: 8px\">\n          <template #tab>\n            <span>\n              <svg-icon icon-class=\"el-form-template\" />\n              {{ i18nt('designer.formLib') }}\n            </span>\n          </template>\n\n          <template v-for=\"(ft, idx) in formTemplates\" :key=\"idx\">\n            <a-card :body-style=\"{ padding: '0' }\" shadow=\"hover\" class=\"ft-card\">\n              <a-popover placement=\"right\" trigger=\"hover\">\n                <template #content>\n                  <img :src=\"ftImages[idx].imgUrl\" style=\"width: 200px\" />\n                </template>\n                <img :src=\"ftImages[idx].imgUrl\" style=\"height: 600px; width: 720px\" />\n              </a-popover>\n              <div class=\"bottom clear-fix\">\n                <span class=\"ft-title\">#{{ idx + 1 }} {{ ft.title }}</span>\n                <a-button type=\"text\" class=\"right-button\" @click=\"loadFormTemplate(ft.jsonUrl)\">\n                  {{ i18nt('designer.hint.loadFormTemplate') }}\n                </a-button>\n              </div>\n            </a-card>\n          </template>\n        </a-tab-pane>\n      </a-tabs>\n    </div>\n  </div>\n</template>\n\n<script>\n  import SvgIcon from '@/components/svg-icon';\n  import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n  import {\n    containers as CONS,\n    basicFields as BFS,\n    advancedFields as AFS,\n    customFields as CFS,\n    businessFields as BUFS\n  } from './widgetsConfig';\n  import { formTemplates } from './templatesConfig';\n  import { addWindowResizeHandler, generateId } from '@/utils/util';\n  import i18n from '@/utils/i18n';\n  import axios from 'axios';\n\n  import { TpfConfirm } from '@/hooks/TpfConfirm';\n\n  export default {\n    name: 'FieldPanel',\n    mixins: [i18n],\n    components: { SvgIcon, Draggable },\n    props: {\n      designer: Object\n    },\n    inject: ['getBannedWidgets', 'getDesignerConfig'],\n    data() {\n      return {\n        designerConfig: this.getDesignerConfig(),\n\n        firstTab: 'componentLib',\n\n        scrollerHeight: 0,\n\n        activeNames: [\n          'containerTitle',\n          'basicFieldTitle',\n          'advancedFieldTitle',\n          'yyzj',\n          'customFieldTitle'\n        ],\n\n        containers: [],\n        basicFields: [],\n        advancedFields: [],\n        customFields: [],\n        businessFields: [],\n\n        formTemplates: formTemplates,\n        ftImages: []\n      };\n    },\n    computed: {\n      //\n    },\n    created() {\n      this.loadWidgets();\n    },\n    mounted() {\n      //this.loadWidgets()\n\n      this.scrollerHeight = window.innerHeight - 56 + 'px';\n      addWindowResizeHandler(() => {\n        this.$nextTick(() => {\n          this.scrollerHeight = window.innerHeight - 56 + 'px';\n          //console.log(this.scrollerHeight)\n        });\n      });\n    },\n    methods: {\n      isBanned(wName) {\n        return this.getBannedWidgets().indexOf(wName) > -1;\n      },\n\n      showFormTemplates() {\n        if (this.designerConfig['formTemplates'] === undefined) {\n          return true;\n        }\n\n        return !!this.designerConfig['formTemplates'];\n      },\n\n      loadWidgets() {\n        this.containers = CONS.map(con => {\n          return {\n            key: generateId(),\n            ...con,\n            displayName: this.i18n2t(\n              `designer.widgetLabel.${con.type}`,\n              `extension.widgetLabel.${con.type}`\n            )\n          };\n        }).filter(con => {\n          return !con.internal && !this.isBanned(con.type);\n        });\n\n        this.basicFields = BFS.map(fld => {\n          return {\n            key: generateId(),\n            ...fld,\n            displayName: this.i18n2t(\n              `designer.widgetLabel.${fld.type}`,\n              `extension.widgetLabel.${fld.type}`\n            )\n          };\n        }).filter(fld => {\n          return !this.isBanned(fld.type);\n        });\n\n        this.advancedFields = AFS.map(fld => {\n          return {\n            key: generateId(),\n            ...fld,\n            displayName: this.i18n2t(\n              `designer.widgetLabel.${fld.type}`,\n              `extension.widgetLabel.${fld.type}`\n            )\n          };\n        }).filter(fld => {\n          return !this.isBanned(fld.type);\n        });\n\n        this.customFields = CFS.map(fld => {\n          return {\n            key: generateId(),\n            ...fld,\n            displayName: this.i18n2t(\n              `designer.widgetLabel.${fld.type}`,\n              `extension.widgetLabel.${fld.type}`\n            )\n          };\n        }).filter(fld => {\n          return !this.isBanned(fld.type);\n        });\n        this.businessFields = BUFS.map(fld => {\n          return {\n            key: generateId(),\n            ...fld,\n            displayName: this.i18n2t(\n              `designer.widgetLabel.${fld.type}`,\n              `extension.widgetLabel.${fld.type}`\n            )\n          };\n        }).filter(fld => {\n          return !this.isBanned(fld.type);\n        });\n      },\n\n      handleContainerWidgetClone(origin) {\n        return this.designer.copyNewContainerWidget(origin);\n      },\n\n      handleFieldWidgetClone(origin) {\n        return this.designer.copyNewFieldWidget(origin);\n      },\n\n      /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */\n      checkContainerMove(evt) {\n        return this.designer.checkWidgetMove(evt);\n      },\n\n      /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */\n      checkFieldMove(evt) {\n        return this.designer.checkFieldMove(evt);\n      },\n\n      onContainerDragEnd(evt) {\n        //console.log('Drag end of container: ')\n        //console.log(evt)\n      },\n\n      addContainerByDbClick(container) {\n        this.designer.addContainerByDbClick(container);\n      },\n\n      addFieldByDbClick(widget) {\n        this.designer.addFieldByDbClick(widget);\n      },\n\n      loadFormTemplate(jsonUrl) {\n        TpfConfirm({\n          type: 'confirm',\n          content: this.i18nt('designer.setting.loadFormTemplateHint'),\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            axios\n              .get(jsonUrl)\n              .then(res => {\n                let modifiedFlag = false;\n                if (typeof res.data === 'string') {\n                  modifiedFlag = this.designer.loadFormJson(JSON.parse(res.data));\n                } else if (res.data.constructor === Object) {\n                  modifiedFlag = this.designer.loadFormJson(res.data);\n                }\n                if (modifiedFlag) {\n                  this.designer.emitHistoryChange();\n                }\n\n                this.$message.success(this.i18nt('designer.hint.loadFormTemplateSuccess'));\n              })\n              .catch(error => {\n                this.$message.error(\n                  this.i18nt('designer.hint.loadFormTemplateFailed') + ':' + error\n                );\n              });\n          })\n          .catch(error => {\n            console.error(error);\n          });\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .color-svg-icon {\n    color: $--color-primary;\n  }\n\n  div.panel-container {\n    padding-bottom: 10px;\n  }\n\n  .no-bottom-margin :deep(.ant-collapse-header) {\n    margin-bottom: 0;\n    padding: 8px !important;\n  }\n\n  .indent-left-margin {\n    :deep(.ant-tabs-nav) {\n      margin-left: 20px;\n    }\n  }\n  .ant-collapse-item :deep(ul) > li {\n    list-style: none;\n  }\n\n  .widget-collapse {\n    border-top-width: 0;\n\n    :deep(.ant-collapse-content) {\n      > .ant-collapse-content-box {\n        padding: 4px;\n      }\n\n      ul {\n        padding: 0;\n        margin: 0;\n        margin-block-start: 0;\n        margin-block-end: 0.1em;\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n\n        &:after {\n          content: '';\n          display: block;\n          clear: both;\n        }\n\n        .container-widget-item,\n        .field-widget-item {\n          width: calc(50% - 2px);\n          padding: 6px 8px;\n          cursor: move;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          overflow: hidden;\n          background: #f5f7fa;\n          border: 1px solid #e4e7ed;\n          transition: all 0.3s ease;\n          display: flex;\n          align-items: center;\n          gap: 4px;\n\n          .svg-icon {\n            font-size: 16px;\n          }\n\n          &:hover {\n            background: #ecf5ff;\n            border-color: $--color-primary;\n            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n            transform: translateY(-1px);\n          }\n        }\n\n        .drag-handler {\n          position: absolute;\n          top: 0;\n          left: 160px;\n          background-color: #dddddd;\n          border-radius: 5px;\n          padding-right: 5px;\n          font-size: 11px;\n          color: #666666;\n        }\n      }\n    }\n  }\n\n  .ft-card {\n    margin-bottom: 10px;\n\n    .bottom {\n      margin-top: 10px;\n      line-height: 12px;\n    }\n\n    .ft-title {\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .right-button {\n      padding: 0;\n      float: right;\n    }\n\n    .clear-fix:before,\n    .clear-fix:after {\n      display: table;\n      content: '';\n    }\n\n    .clear-fix:after {\n      clear: both;\n    }\n  }\n  .side-scroll-bar {\n    height: 100%;\n    overflow: auto;\n\n    .panel-container {\n      height: 100%;\n      overflow: auto;\n\n      & > .ant-tabs {\n        height: 100%;\n        overflow: auto;\n        display: flex;\n        flex-direction: column;\n        :deep(.ant-tabs-content-holder) {\n          flex: 1 0 0;\n          overflow: auto;\n        }\n      }\n    }\n  }\n</style>\n"],"names":["Draggable","CONS","BFS","AFS","CFS","BUFS","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","_createBlock"],"mappings":"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"}

package/src/components/form-render/SubmitButtonRender.vue.js

@@ -17,6 +17,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isClosing = ref(false);
     const { i18nt } = useI18n();
     const options = computed(() => (props == null ? void 0 : props.options) ?? {});
+    const isShowCancelButton = computed(() => {
+      if (options.value.cancelButtonHidden != void 0) {
+        return options.value.cancelButtonHidden === 0;
+      } else {
+        return 0;
+      }
+    });
+    const isShowOkButton = computed(() => {
+      if (options.value.okButtonHidden != void 0) {
+        return options.value.okButtonHidden === 0;
+      } else {
+        return 0;
+      }
+    });
     const cancelBtnLabel = computed(
       () => {
         var _a;
@@ -88,7 +102,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_a_space = resolveComponent("a-space");
       return openBlock(), createBlock(_component_a_space, { x: 8 }, {
         default: withCtx(() => [
-          !options.value.cancelButtonHidden ? (openBlock(), createBlock(_component_a_button, {
+          isShowCancelButton.value ? (openBlock(), createBlock(_component_a_button, {
             key: "cancelButtonHidden",
             loading: isClosing.value,
             onClick: handleCancelClick
@@ -98,7 +112,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["loading"])) : createCommentVNode("", true),
-          !options.value.okButtonHidden ? (openBlock(), createBlock(_component_a_button, {
+          isShowOkButton.value ? (openBlock(), createBlock(_component_a_button, {
             type: "primary",
             key: "okButtonHidden",
             loading: isSubmitting.value,

package/src/components/form-render/SubmitButtonRender.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitButtonRender.vue.js","sources":["../../../../src/components/form-render/SubmitButtonRender.vue"],"sourcesContent":["<template>\n    <a-space :x=\"8\">\n        <a-button\n            v-if=\"!options.cancelButtonHidden\"\n            key=\"cancelButtonHidden\"\n            :loading=\"isClosing\"\n            @click=\"handleCancelClick\"\n        >\n            {{ cancelBtnLabel }}\n        </a-button>\n        <a-button\n            v-if=\"!options.okButtonHidden\"\n            type=\"primary\"\n            key=\"okButtonHidden\"\n            :loading=\"isSubmitting\"\n            @click=\"handleOkClick\"\n        >\n            {{ okBtnLabel }}\n        </a-button>\n    </a-space>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { computed, ref } from 'vue';\n\n    interface SubmitOptions {\n        cancelButtonLabel?: string;\n        okButtonLabel?: string;\n        cancelButtonHidden?: number;\n        okButtonHidden?: number;\n        handleBeforeClose?: () => boolean;\n        onCancelButtonClick?: string;\n        onOkButtonClick?: string;\n        dialogVisible?: boolean;\n    }\n\n    const props = defineProps<{\n        goBack?: () => void;\n        deleteWrapperNode?: () => void;\n        handleBeforeClose?: () => boolean;\n        options: SubmitOptions;\n        ctx: any;\n    }>();\n\n    const emit = defineEmits(['update:dialogVisible']);\n\n    // 状态管理\n    const isSubmitting = ref(false);\n    const isClosing = ref(false);\n\n    const { i18nt } = useI18n();\n\n    const options = computed(() => props?.options ?? {});\n\n    // 计算属性\n    const cancelBtnLabel = computed(\n        () => props.options?.cancelButtonLabel || i18nt('designer.hint.cancel')\n    );\n\n    const okBtnLabel = computed(\n        () => props.options?.okButtonLabel || i18nt('designer.hint.confirm')\n    );\n\n    // 执行自定义函数\n    const executeCustomFunction = async (ctx: any, functionBody?: string) => {\n        if (!functionBody) return true;\n\n        try {\n            const customFn = new Function(functionBody);\n            return await customFn.call(ctx);\n        } catch (error) {\n            console.error('执行自定义函数失败:', error);\n            return false;\n        }\n    };\n\n    // 关闭对话框\n    const closeDialog = () => {\n        emit('update:dialogVisible', false);\n        if (props.deleteWrapperNode) {\n            setTimeout(props.deleteWrapperNode, 150);\n        }\n    };\n\n    // 取消按钮点击\n    const handleCancelClick = async () => {\n        if (isClosing.value) return;\n\n        try {\n            isClosing.value = true;\n            if (props.handleBeforeClose) {\n                if (!props?.handleBeforeClose?.()) return;\n            }\n\n            const result = await executeCustomFunction(\n                props.ctx,\n                props.options?.onCancelButtonClick\n            );\n            if (result === false) return;\n            if (props.goBack) {\n                props.goBack();\n            } else {\n                closeDialog();\n            }\n        } catch (error) {\n            console.error('取消操作失败:', error);\n        } finally {\n            isClosing.value = false;\n        }\n    };\n\n    // 确认按钮点击\n    const handleOkClick = async () => {\n        if (isSubmitting.value) return;\n\n        try {\n            isSubmitting.value = true;\n\n            const result = await executeCustomFunction(props.ctx, props.options?.onOkButtonClick);\n            if (result === false) return;\n\n            closeDialog();\n        } catch (error) {\n            console.error('提交操作失败:', error);\n        } finally {\n            isSubmitting.value = false;\n        }\n    };\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAqCI,UAAM,QAAQ;AAQd,UAAM,OAAO;AAGP,UAAA,eAAe,IAAI,KAAK;AACxB,UAAA,YAAY,IAAI,KAAK;AAErB,UAAA,EAAE,MAAM,IAAI,QAAQ;AAE1B,UAAM,UAAU,SAAS,OAAM,+BAAO,YAAW,CAAA,CAAE;AAGnD,UAAM,iBAAiB;AAAA,MACnB,MAAA;;AAAM,4BAAM,YAAN,mBAAe,sBAAqB,MAAM,sBAAsB;AAAA;AAAA,IAC1E;AAEA,UAAM,aAAa;AAAA,MACf,MAAA;;AAAM,4BAAM,YAAN,mBAAe,kBAAiB,MAAM,uBAAuB;AAAA;AAAA,IACvE;AAGM,UAAA,wBAAwB,OAAO,KAAU,iBAA0B;AACjE,UAAA,CAAC,aAAqB,QAAA;AAEtB,UAAA;AACM,cAAA,WAAW,IAAI,SAAS,YAAY;AACnC,eAAA,MAAM,SAAS,KAAK,GAAG;AAAA,eACzB,OAAO;AACJ,gBAAA,MAAM,cAAc,KAAK;AAC1B,eAAA;AAAA,MAAA;AAAA,IAEf;AAGA,UAAM,cAAc,MAAM;AACtB,WAAK,wBAAwB,KAAK;AAClC,UAAI,MAAM,mBAAmB;AACd,mBAAA,MAAM,mBAAmB,GAAG;AAAA,MAAA;AAAA,IAE/C;AAGA,UAAM,oBAAoB,YAAY;;AAClC,UAAI,UAAU,MAAO;AAEjB,UAAA;AACA,kBAAU,QAAQ;AAClB,YAAI,MAAM,mBAAmB;AACrB,cAAA,GAAC,oCAAO,sBAAP,gCAA8B;AAAA,QAAA;AAGvC,cAAM,SAAS,MAAM;AAAA,UACjB,MAAM;AAAA,WACN,WAAM,YAAN,mBAAe;AAAA,QACnB;AACA,YAAI,WAAW,MAAO;AACtB,YAAI,MAAM,QAAQ;AACd,gBAAM,OAAO;AAAA,QAAA,OACV;AACS,sBAAA;AAAA,QAAA;AAAA,eAEX,OAAO;AACJ,gBAAA,MAAM,WAAW,KAAK;AAAA,MAAA,UAChC;AACE,kBAAU,QAAQ;AAAA,MAAA;AAAA,IAE1B;AAGA,UAAM,gBAAgB,YAAY;;AAC9B,UAAI,aAAa,MAAO;AAEpB,UAAA;AACA,qBAAa,QAAQ;AAErB,cAAM,SAAS,MAAM,sBAAsB,MAAM,MAAK,WAAM,YAAN,mBAAe,eAAe;AACpF,YAAI,WAAW,MAAO;AAEV,oBAAA;AAAA,eACP,OAAO;AACJ,gBAAA,MAAM,WAAW,KAAK;AAAA,MAAA,UAChC;AACE,qBAAa,QAAQ;AAAA,MAAA;AAAA,IAE7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SubmitButtonRender.vue.js","sources":["../../../../src/components/form-render/SubmitButtonRender.vue"],"sourcesContent":["<template>\n    <a-space :x=\"8\">\n        <a-button\n            v-if=\"isShowCancelButton\"\n            key=\"cancelButtonHidden\"\n            :loading=\"isClosing\"\n            @click=\"handleCancelClick\"\n        >\n            {{ cancelBtnLabel }}\n        </a-button>\n        <a-button\n            v-if=\"isShowOkButton\"\n            type=\"primary\"\n            key=\"okButtonHidden\"\n            :loading=\"isSubmitting\"\n            @click=\"handleOkClick\"\n        >\n            {{ okBtnLabel }}\n        </a-button>\n    </a-space>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { computed, ref } from 'vue';\n\n    interface SubmitOptions {\n        cancelButtonLabel?: string;\n        okButtonLabel?: string;\n        cancelButtonHidden?: number;\n        okButtonHidden?: number;\n        handleBeforeClose?: () => boolean;\n        onCancelButtonClick?: string;\n        onOkButtonClick?: string;\n        dialogVisible?: boolean;\n    }\n\n    const props = defineProps<{\n        goBack?: () => void;\n        deleteWrapperNode?: () => void;\n        handleBeforeClose?: () => boolean;\n        options: SubmitOptions;\n        ctx: any;\n    }>();\n\n    const emit = defineEmits(['update:dialogVisible']);\n\n    // 状态管理\n    const isSubmitting = ref(false);\n    const isClosing = ref(false);\n\n    const { i18nt } = useI18n();\n\n    const options = computed(() => props?.options ?? {});\n\n    const isShowCancelButton = computed(() => {\n        if (options.value.cancelButtonHidden != undefined) {\n            return options.value.cancelButtonHidden === 0;\n        } else {\n            return 0; // 默认值为1，表示隐藏\n        }\n    });\n    const isShowOkButton = computed(() => {\n        if (options.value.okButtonHidden != undefined) {\n            return options.value.okButtonHidden === 0;\n        } else {\n            return 0; // 默认值为1，表示隐藏\n        }\n    });\n\n    // 计算属性\n    const cancelBtnLabel = computed(\n        () => props.options?.cancelButtonLabel || i18nt('designer.hint.cancel')\n    );\n\n    const okBtnLabel = computed(\n        () => props.options?.okButtonLabel || i18nt('designer.hint.confirm')\n    );\n\n    // 执行自定义函数\n    const executeCustomFunction = async (ctx: any, functionBody?: string) => {\n        if (!functionBody) return true;\n\n        try {\n            const customFn = new Function(functionBody);\n            return await customFn.call(ctx);\n        } catch (error) {\n            console.error('执行自定义函数失败:', error);\n            return false;\n        }\n    };\n\n    // 关闭对话框\n    const closeDialog = () => {\n        emit('update:dialogVisible', false);\n        if (props.deleteWrapperNode) {\n            setTimeout(props.deleteWrapperNode, 150);\n        }\n    };\n\n    // 取消按钮点击\n    const handleCancelClick = async () => {\n        if (isClosing.value) return;\n\n        try {\n            isClosing.value = true;\n            if (props.handleBeforeClose) {\n                if (!props?.handleBeforeClose?.()) return;\n            }\n\n            const result = await executeCustomFunction(\n                props.ctx,\n                props.options?.onCancelButtonClick\n            );\n            if (result === false) return;\n            if (props.goBack) {\n                props.goBack();\n            } else {\n                closeDialog();\n            }\n        } catch (error) {\n            console.error('取消操作失败:', error);\n        } finally {\n            isClosing.value = false;\n        }\n    };\n\n    // 确认按钮点击\n    const handleOkClick = async () => {\n        if (isSubmitting.value) return;\n\n        try {\n            isSubmitting.value = true;\n\n            const result = await executeCustomFunction(props.ctx, props.options?.onOkButtonClick);\n            if (result === false) return;\n\n            closeDialog();\n        } catch (error) {\n            console.error('提交操作失败:', error);\n        } finally {\n            isSubmitting.value = false;\n        }\n    };\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAqCI,UAAM,QAAQ;AAQd,UAAM,OAAO;AAGP,UAAA,eAAe,IAAI,KAAK;AACxB,UAAA,YAAY,IAAI,KAAK;AAErB,UAAA,EAAE,MAAM,IAAI,QAAQ;AAE1B,UAAM,UAAU,SAAS,OAAM,+BAAO,YAAW,CAAA,CAAE;AAE7C,UAAA,qBAAqB,SAAS,MAAM;AAClC,UAAA,QAAQ,MAAM,sBAAsB,QAAW;AACxC,eAAA,QAAQ,MAAM,uBAAuB;AAAA,MAAA,OACzC;AACI,eAAA;AAAA,MAAA;AAAA,IACX,CACH;AACK,UAAA,iBAAiB,SAAS,MAAM;AAC9B,UAAA,QAAQ,MAAM,kBAAkB,QAAW;AACpC,eAAA,QAAQ,MAAM,mBAAmB;AAAA,MAAA,OACrC;AACI,eAAA;AAAA,MAAA;AAAA,IACX,CACH;AAGD,UAAM,iBAAiB;AAAA,MACnB,MAAA;;AAAM,4BAAM,YAAN,mBAAe,sBAAqB,MAAM,sBAAsB;AAAA;AAAA,IAC1E;AAEA,UAAM,aAAa;AAAA,MACf,MAAA;;AAAM,4BAAM,YAAN,mBAAe,kBAAiB,MAAM,uBAAuB;AAAA;AAAA,IACvE;AAGM,UAAA,wBAAwB,OAAO,KAAU,iBAA0B;AACjE,UAAA,CAAC,aAAqB,QAAA;AAEtB,UAAA;AACM,cAAA,WAAW,IAAI,SAAS,YAAY;AACnC,eAAA,MAAM,SAAS,KAAK,GAAG;AAAA,eACzB,OAAO;AACJ,gBAAA,MAAM,cAAc,KAAK;AAC1B,eAAA;AAAA,MAAA;AAAA,IAEf;AAGA,UAAM,cAAc,MAAM;AACtB,WAAK,wBAAwB,KAAK;AAClC,UAAI,MAAM,mBAAmB;AACd,mBAAA,MAAM,mBAAmB,GAAG;AAAA,MAAA;AAAA,IAE/C;AAGA,UAAM,oBAAoB,YAAY;;AAClC,UAAI,UAAU,MAAO;AAEjB,UAAA;AACA,kBAAU,QAAQ;AAClB,YAAI,MAAM,mBAAmB;AACrB,cAAA,GAAC,oCAAO,sBAAP,gCAA8B;AAAA,QAAA;AAGvC,cAAM,SAAS,MAAM;AAAA,UACjB,MAAM;AAAA,WACN,WAAM,YAAN,mBAAe;AAAA,QACnB;AACA,YAAI,WAAW,MAAO;AACtB,YAAI,MAAM,QAAQ;AACd,gBAAM,OAAO;AAAA,QAAA,OACV;AACS,sBAAA;AAAA,QAAA;AAAA,eAEX,OAAO;AACJ,gBAAA,MAAM,WAAW,KAAK;AAAA,MAAA,UAChC;AACE,kBAAU,QAAQ;AAAA,MAAA;AAAA,IAE1B;AAGA,UAAM,gBAAgB,YAAY;;AAC9B,UAAI,aAAa,MAAO;AAEpB,UAAA;AACA,qBAAa,QAAQ;AAErB,cAAM,SAAS,MAAM,sBAAsB,MAAM,MAAK,WAAM,YAAN,mBAAe,eAAe;AACpF,YAAI,WAAW,MAAO;AAEV,oBAAA;AAAA,eACP,OAAO;AACJ,gBAAA,MAAM,WAAW,KAAK;AAAA,MAAA,UAChC;AACE,qBAAa,QAAQ;AAAA,MAAA;AAAA,IAE7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"container-item-wrapper.vue.js","sources":["../../../../../src/components/form-render/container-item/container-item-wrapper.vue"],"sourcesContent":["<template>\n  <div class=\"container-wrapper\" :style=\"$attrs.containerStyle\" :class=\"[customClass]\">\n    <slot></slot>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: 'container-item-wrapper',\n    props: {\n      widget: Object\n    },\n    computed: {\n      customClass() {\n        return !!this.widget.options.customClass ? this.widget.options.customClass.join(' ') : '';\n      }\n    }\n  };\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot"],"mappings":";;AAOE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,IACL,QAAQ;AAAA,EACT;AAAA,EACD,UAAU;AAAA,IACR,cAAc;AACZ,aAAO,CAAC,CAAC,KAAK,OAAO,QAAQ,cAAc,KAAK,OAAO,QAAQ,YAAY,KAAK,GAAG,IAAI;AAAA,IACzF;AAAA,EACF;AACD;;sBAhBDA,mBAEM,OAAA;AAAA,IAFD,OAAKC,eAAA,CAAC,qBAAmB,CAAyC,SAAW,WAAA,CAAA,CAAA;AAAA,IAAlD,OAAKC,eAAE,KAAM,OAAC,cAAc;AAAA;IAC1DC,WAAa,KAAA,QAAA,SAAA;AAAA;;;"}
+{"version":3,"file":"container-item-wrapper.vue.js","sources":["../../../../../src/components/form-render/container-item/container-item-wrapper.vue"],"sourcesContent":["<template>\n  <div class=\"container-wrapper\" :style=\"$attrs.containerStyle\" :class=\"[customClass]\">\n    <slot></slot>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: 'container-item-wrapper',\n    props: {\n      widget: Object\n    },\n    computed: {\n      customClass() {\n        return !!this.widget.options.customClass ? this.widget.options.customClass.join(' ') : '';\n      }\n    }\n  };\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot"],"mappings":";;AAOE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,IACL,QAAQ;AAAA,EACT;AAAA,EACD,UAAU;AAAA,IACR,cAAc;AACZ,aAAO,CAAC,CAAC,KAAK,OAAO,QAAQ,cAAc,KAAK,OAAO,QAAQ,YAAY,KAAK,GAAG,IAAI;AAAA,IACzF;AAAA,EACF;AACD;;sBAhBDA,mBAEM,OAAA;AAAA,IAFD,OADPC,eAAA,CACa,qBAAmB,CAAyC,SAAW,WAAA,CAAA,CAAA;AAAA,IAAlD,OADlCC,eACyC,KAAM,OAAC,cAAc;AAAA;IAC1DC,WAAa,KAAA,QAAA,SAAA;AAAA;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-item.vue.js","sources":["../../../../../src/components/form-render/container-item/data-table-item.vue"],"sourcesContent":["<template>\n    <container-item-wrapper\n        :style=\"{ display: 'flex', height: parseFloat(tableHeight || 0) + 'px' }\"\n        v-show=\"!handleHidden()\"\n        :widget=\"widget\"\n    >\n        <s-table\n            class=\"tpf-surely-table\"\n            ref=\"dataTable2\"\n            :columns=\"columns.columns\"\n            :class=\"[customClass]\"\n            :size=\"widgetSize\"\n            :dataSource=\"data\"\n            :rowKey=\"record => record[widget.options.rowKey]\"\n            :scroll=\"{ y: parseFloat(tableHeight || 0), x: 300 }\"\n            :bordered=\"widget.options.border\"\n            :style=\"{ width: widget.options.tableWidth }\"\n            :row-class-name=\"rowClassName\"\n            :rowSelection=\"handleRowSelection()\"\n            :pagination=\"fmtPagination\"\n            :customRow=\"handleCustomRow\"\n            @change=\"handleTablePageChange\"\n            @resizeColumn=\"handleResizeColumn\"\n            :loading=\"loading\"\n            :row-height=\"lineHeight\"\n        >\n            <template #emptyText>\n                <a-empty />\n            </template>\n            <template #bodyCell=\"scope\">\n                <template v-if=\"isShowBodyCell(scope.column.dataIndex)\">\n                    <RenderBodyCell :bodyCell=\"columns.bodyCell\" :scope=\"scope\" />\n                </template>\n            </template>\n        </s-table>\n    </container-item-wrapper>\n</template>\n\n<script>\n    import ContainerItemWrapper from '@/components/form-render/container-item/container-item-wrapper.vue';\n    import emitter from '@/utils/emitter';\n    import i18n from '@/utils/i18n';\n\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import refMixin from '@/components/form-render/refMixin';\n    import containerItemMixin from '@/components/form-render/container-item/containerItemMixin';\n    import useDataTableMixin from '@/mixins/useDataTableMixin';\n\n    export default {\n        name: 'DataTableItem',\n        componentName: 'ContainerItem', // 必须固定为ContainerItem，用于接收父级组件的broadcast事件\n        mixins: [emitter, i18n, refMixin, containerItemMixin, useDataTableMixin],\n        components: {\n            ContainerItemWrapper,\n            ...FieldComponents\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            data: {\n                type: Array,\n                default: () => []\n            },\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        inject: ['refList', 'sfRefList', 'globalModel', 'getFormConfig', 'getGlobalDsv'],\n        data() {\n            return {};\n        },\n        computed: {\n            formConfig() {\n                return this.getFormConfig();\n            }\n        },\n        created() {\n            this.initRefList();\n            this.handleOnCreated();\n        },\n        mounted() {\n            this.loadDataTableDataSource();\n            this.$nextTick(() => {\n                this.handleOnMounted();\n            });\n        },\n        beforeUnmount() {\n            this.unregisterFromRefList();\n        },\n        methods: {\n            getDataTableRef() {\n                return this;\n            },\n\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            },\n\n            handleOnCreated() {\n                if (!!this.widget.options.onCreated) {\n                    const customFunc = new Function(this.widget.options.onCreated);\n                    customFunc.call(this);\n                }\n            },\n\n            handleOnMounted() {\n                if (!!this.widget.options.onMounted) {\n                    const customFunc = new Function(this.widget.options.onMounted);\n                    customFunc.call(this);\n                }\n            },\n\n            // --------------------- 以下为组件支持外部调用的API方法 begin ------------------//\n            /* 提示：用户可自行扩充这些方法！！！ */\n\n            getTableColumns() {\n                return this.widget.options.tableColumns;\n            },\n\n            /**\n             * 获取选中行数据，格式为对象数组\n             * @returns {[]}\n             */\n            getSelectedRow() {\n                // return this.$refs.dataTable.selection\n                return this.selectedRows;\n            },\n\n            /**\n             * 获取选中行索引，格式为数组\n             * @returns {[]}\n             */\n            getSelectedIndex() {\n                return this.selectedIndices;\n            }\n            // --------------------- 以上为组件支持外部调用的API方法 end ------------------//\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .collapse-container {\n        margin: 2px;\n\n        .form-widget-list {\n            min-height: 28px;\n        }\n    }\n\n    :deep(.el-collapsed__header) {\n        padding: 10px 12px;\n    }\n</style>\n\n<style scoped>\n    .data-table {\n        flex: 1;\n        max-width: 100%;\n        min-width: 0;\n        :deep(.tpf-surely-table) {\n            font-size: 12px;\n            .surely-table-cell-content {\n                font-size: 12px;\n            }\n        }\n    }\n    :deep(.ant-table) .table-striped td {\n        background-color: #fafafa;\n    }\n</style>\n"],"names":["FieldComponents","_createBlock","_normalizeStyle","_createVNode","_normalizeClass","_withCtx"],"mappings":"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"}
+{"version":3,"file":"data-table-item.vue.js","sources":["../../../../../src/components/form-render/container-item/data-table-item.vue"],"sourcesContent":["<template>\n    <container-item-wrapper\n        :style=\"{ display: 'flex', height: parseFloat(tableHeight || 0) + 'px' }\"\n        v-show=\"!handleHidden()\"\n        :widget=\"widget\"\n    >\n        <s-table\n            class=\"tpf-surely-table\"\n            ref=\"dataTable2\"\n            :columns=\"columns.columns\"\n            :class=\"[customClass]\"\n            :size=\"widgetSize\"\n            :dataSource=\"data\"\n            :rowKey=\"record => record[widget.options.rowKey]\"\n            :scroll=\"{ y: parseFloat(tableHeight || 0), x: 300 }\"\n            :bordered=\"widget.options.border\"\n            :style=\"{ width: widget.options.tableWidth }\"\n            :row-class-name=\"rowClassName\"\n            :rowSelection=\"handleRowSelection()\"\n            :pagination=\"fmtPagination\"\n            :customRow=\"handleCustomRow\"\n            @change=\"handleTablePageChange\"\n            @resizeColumn=\"handleResizeColumn\"\n            :loading=\"loading\"\n            :row-height=\"lineHeight\"\n        >\n            <template #emptyText>\n                <a-empty />\n            </template>\n            <template #bodyCell=\"scope\">\n                <template v-if=\"isShowBodyCell(scope.column.dataIndex)\">\n                    <RenderBodyCell :bodyCell=\"columns.bodyCell\" :scope=\"scope\" />\n                </template>\n            </template>\n        </s-table>\n    </container-item-wrapper>\n</template>\n\n<script>\n    import ContainerItemWrapper from '@/components/form-render/container-item/container-item-wrapper.vue';\n    import emitter from '@/utils/emitter';\n    import i18n from '@/utils/i18n';\n\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import refMixin from '@/components/form-render/refMixin';\n    import containerItemMixin from '@/components/form-render/container-item/containerItemMixin';\n    import useDataTableMixin from '@/mixins/useDataTableMixin';\n\n    export default {\n        name: 'DataTableItem',\n        componentName: 'ContainerItem', // 必须固定为ContainerItem，用于接收父级组件的broadcast事件\n        mixins: [emitter, i18n, refMixin, containerItemMixin, useDataTableMixin],\n        components: {\n            ContainerItemWrapper,\n            ...FieldComponents\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            data: {\n                type: Array,\n                default: () => []\n            },\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        inject: ['refList', 'sfRefList', 'globalModel', 'getFormConfig', 'getGlobalDsv'],\n        data() {\n            return {};\n        },\n        computed: {\n            formConfig() {\n                return this.getFormConfig();\n            }\n        },\n        created() {\n            this.initRefList();\n            this.handleOnCreated();\n        },\n        mounted() {\n            this.loadDataTableDataSource();\n            this.$nextTick(() => {\n                this.handleOnMounted();\n            });\n        },\n        beforeUnmount() {\n            this.unregisterFromRefList();\n        },\n        methods: {\n            getDataTableRef() {\n                return this;\n            },\n\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            },\n\n            handleOnCreated() {\n                if (!!this.widget.options.onCreated) {\n                    const customFunc = new Function(this.widget.options.onCreated);\n                    customFunc.call(this);\n                }\n            },\n\n            handleOnMounted() {\n                if (!!this.widget.options.onMounted) {\n                    const customFunc = new Function(this.widget.options.onMounted);\n                    customFunc.call(this);\n                }\n            },\n\n            // --------------------- 以下为组件支持外部调用的API方法 begin ------------------//\n            /* 提示：用户可自行扩充这些方法！！！ */\n\n            getTableColumns() {\n                return this.widget.options.tableColumns;\n            },\n\n            /**\n             * 获取选中行数据，格式为对象数组\n             * @returns {[]}\n             */\n            getSelectedRow() {\n                // return this.$refs.dataTable.selection\n                return this.selectedRows;\n            },\n\n            /**\n             * 获取选中行索引，格式为数组\n             * @returns {[]}\n             */\n            getSelectedIndex() {\n                return this.selectedIndices;\n            }\n            // --------------------- 以上为组件支持外部调用的API方法 end ------------------//\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .collapse-container {\n        margin: 2px;\n\n        .form-widget-list {\n            min-height: 28px;\n        }\n    }\n\n    :deep(.el-collapsed__header) {\n        padding: 10px 12px;\n    }\n</style>\n\n<style scoped>\n    .data-table {\n        flex: 1;\n        max-width: 100%;\n        min-width: 0;\n        :deep(.tpf-surely-table) {\n            font-size: 12px;\n            .surely-table-cell-content {\n                font-size: 12px;\n            }\n        }\n    }\n    :deep(.ant-table) .table-striped td {\n        background-color: #fafafa;\n    }\n</style>\n"],"names":["FieldComponents","_createBlock","_normalizeStyle","_withCtx","_createVNode","_normalizeClass","_createCommentVNode"],"mappings":"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"}

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

@@ -2,7 +2,7 @@ import emitter from "../../../utils/emitter.js";
 import i18n from "../../../utils/i18n.js";
 import refMixin from "../refMixin.js";
 import comps from "../../form-designer/form-widget/field-widget/index.js";
-import { resolveComponent, withDirectives, createBlock, openBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, toDisplayString, vShow } from "vue";
+import { resolveComponent, withDirectives, createBlock, openBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, createElementVNode, toDisplayString, vShow } from "vue";
 /* empty css                   */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
@@ -127,7 +127,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               return {
                 name: slot,
                 fn: withCtx((scope) => [
-                  renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope)), void 0, true)
+                  renderSlot(_ctx.$slots, slot, mergeProps({ ref_for: true }, scope), void 0, true)
                 ])
               };
             })
@@ -146,7 +146,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               return {
                 name: slot,
                 fn: withCtx((scope) => [
-                  renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope)), void 0, true)
+                  renderSlot(_ctx.$slots, slot, mergeProps({ ref_for: true }, scope), void 0, true)
                 ])
               };
             })

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

@@ -1 +1 @@
-{"version":3,"file":"grid-col-item.vue.js","sources":["../../../../../src/components/form-render/container-item/grid-col-item.vue"],"sourcesContent":["<template>\n  <a-col\n    class=\"grid-cell\"\n    :class=\"[customClass]\"\n    v-bind=\"layoutProps\"\n    :style=\"colHeightStyle\"\n    :key=\"widget.id\"\n    v-show=\"!isHidden && !widget.options.hidden\"\n  >\n    <template v-if=\"!!widget.widgetList && widget.widgetList.length > 0\">\n      <template v-for=\"(subWidget, swIdx) in widget.widgetList\">\n        <template v-if=\"'container' === subWidget.category\">\n          <component\n            :is=\"getComponentByContainer(subWidget)\"\n            :widget=\"subWidget\"\n            :key=\"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=\"subFormRowIndex\"\n            :sub-form-col-index=\"subFormColIndex\"\n          >\n            <!-- 递归传递插槽！！！ -->\n            <template v-for=\"slot in Object.keys($slots)\" v-slot:[slot]=\"scope\">\n              <slot :name=\"slot\" v-bind=\"scope\"></slot>\n            </template>\n          </component>\n        </template>\n        <template v-else>\n          <component\n            :is=\"subWidget.type + '-widget'\"\n            :field=\"subWidget\"\n            :designer=\"null\"\n            :key=\"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=\"subFormRowIndex\"\n            :sub-form-col-index=\"subFormColIndex\"\n          >\n            <!-- 递归传递插槽！！！ -->\n            <template v-for=\"slot in Object.keys($slots)\" v-slot:[slot]=\"scope\">\n              <slot :name=\"slot\" v-bind=\"scope\"></slot>\n            </template>\n          </component>\n        </template>\n      </template>\n    </template>\n    <template v-else>\n      <a-col>\n        <div class=\"blank-cell\">\n          <span class=\"invisible-content\">{{ i18nt('render.hint.blankCellContent') }}</span>\n        </div>\n      </a-col>\n    </template>\n  </a-col>\n</template>\n\n<script>\n  import emitter from '@/utils/emitter';\n  import i18n from '@/utils/i18n';\n  import refMixin from '@/components/form-render/refMixin';\n  import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n\n  export default {\n    name: 'GridColItem',\n    componentName: 'ContainerItem',\n    mixins: [emitter, i18n, refMixin],\n    components: {\n      ...FieldComponents\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n\n      colHeight: {\n        type: String,\n        default: null\n      },\n\n      subFormRowIndex: {\n        /* 子表单组件行索引，从0开始计数 */ type: Number,\n        default: -1\n      },\n      subFormColIndex: {\n        /* 子表单组件列索引，从0开始计数 */ type: Number,\n        default: -1\n      },\n      subFormRowId: {\n        /* 子表单组件行Id，唯一id且不可变 */ type: String,\n        default: ''\n      }\n    },\n    inject: ['refList', 'globalModel', 'getFormConfig', 'previewState'],\n    data() {\n      return {\n        layoutProps: {\n          span: this.widget.options.span,\n          md: this.widget.options.md || 12,\n          sm: this.widget.options.sm || 12,\n          xs: this.widget.options.xs || 12,\n          offset: this.widget.options.offset || 0,\n          push: this.widget.options.push || 0,\n          pull: this.widget.options.pull || 0\n        }\n      };\n    },\n    computed: {\n      isHidden() {\n        return this.widget.widgetList.some(item => {\n          if (item.options.holdHidden) {\n            return false;\n          }\n          return item.options.hidden;\n        });\n      },\n      formConfig() {\n        return this.getFormConfig();\n      },\n\n      customClass() {\n        return this.widget.options.customClass || '';\n      },\n\n      colHeightStyle() {\n        return !!this.colHeight ? { height: this.colHeight + 'px' } : {};\n      }\n    },\n    created() {\n      this.initLayoutProps();\n      this.initRefList();\n    },\n    methods: {\n      initLayoutProps() {\n        if (!!this.widget.options.responsive) {\n          if (!!this.previewState) {\n            this.layoutProps.md = undefined;\n            this.layoutProps.sm = undefined;\n            this.layoutProps.xs = undefined;\n\n            const lyType = this.formConfig.layoutType;\n            if (lyType === 'H5') {\n              this.layoutProps.span = this.widget.options.xs || 12;\n            } else if (lyType === 'Pad') {\n              this.layoutProps.span = this.widget.options.sm || 12;\n            } else {\n              this.layoutProps.span = this.widget.options.md || 12;\n            }\n          } else {\n            this.layoutProps.span = undefined;\n          }\n        } else {\n          this.layoutProps.md = undefined;\n          this.layoutProps.sm = undefined;\n          this.layoutProps.xs = undefined;\n        }\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .blank-cell {\n    font-style: italic;\n    color: #cccccc;\n\n    span.invisible-content {\n      opacity: 0;\n    }\n  }\n</style>\n"],"names":["FieldComponents","_withDirectives","_openBlock","_createBlock","_mergeProps","_createElementBlock","_Fragment","_resolveDynamicComponent","_renderList","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps","_createElementVNode","_toDisplayString","_vShow"],"mappings":"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"}
+{"version":3,"file":"grid-col-item.vue.js","sources":["../../../../../src/components/form-render/container-item/grid-col-item.vue"],"sourcesContent":["<template>\n  <a-col\n    class=\"grid-cell\"\n    :class=\"[customClass]\"\n    v-bind=\"layoutProps\"\n    :style=\"colHeightStyle\"\n    :key=\"widget.id\"\n    v-show=\"!isHidden && !widget.options.hidden\"\n  >\n    <template v-if=\"!!widget.widgetList && widget.widgetList.length > 0\">\n      <template v-for=\"(subWidget, swIdx) in widget.widgetList\">\n        <template v-if=\"'container' === subWidget.category\">\n          <component\n            :is=\"getComponentByContainer(subWidget)\"\n            :widget=\"subWidget\"\n            :key=\"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=\"subFormRowIndex\"\n            :sub-form-col-index=\"subFormColIndex\"\n          >\n            <!-- 递归传递插槽！！！ -->\n            <template v-for=\"slot in Object.keys($slots)\" v-slot:[slot]=\"scope\">\n              <slot :name=\"slot\" v-bind=\"scope\"></slot>\n            </template>\n          </component>\n        </template>\n        <template v-else>\n          <component\n            :is=\"subWidget.type + '-widget'\"\n            :field=\"subWidget\"\n            :designer=\"null\"\n            :key=\"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=\"subFormRowIndex\"\n            :sub-form-col-index=\"subFormColIndex\"\n          >\n            <!-- 递归传递插槽！！！ -->\n            <template v-for=\"slot in Object.keys($slots)\" v-slot:[slot]=\"scope\">\n              <slot :name=\"slot\" v-bind=\"scope\"></slot>\n            </template>\n          </component>\n        </template>\n      </template>\n    </template>\n    <template v-else>\n      <a-col>\n        <div class=\"blank-cell\">\n          <span class=\"invisible-content\">{{ i18nt('render.hint.blankCellContent') }}</span>\n        </div>\n      </a-col>\n    </template>\n  </a-col>\n</template>\n\n<script>\n  import emitter from '@/utils/emitter';\n  import i18n from '@/utils/i18n';\n  import refMixin from '@/components/form-render/refMixin';\n  import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n\n  export default {\n    name: 'GridColItem',\n    componentName: 'ContainerItem',\n    mixins: [emitter, i18n, refMixin],\n    components: {\n      ...FieldComponents\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n\n      colHeight: {\n        type: String,\n        default: null\n      },\n\n      subFormRowIndex: {\n        /* 子表单组件行索引，从0开始计数 */ type: Number,\n        default: -1\n      },\n      subFormColIndex: {\n        /* 子表单组件列索引，从0开始计数 */ type: Number,\n        default: -1\n      },\n      subFormRowId: {\n        /* 子表单组件行Id，唯一id且不可变 */ type: String,\n        default: ''\n      }\n    },\n    inject: ['refList', 'globalModel', 'getFormConfig', 'previewState'],\n    data() {\n      return {\n        layoutProps: {\n          span: this.widget.options.span,\n          md: this.widget.options.md || 12,\n          sm: this.widget.options.sm || 12,\n          xs: this.widget.options.xs || 12,\n          offset: this.widget.options.offset || 0,\n          push: this.widget.options.push || 0,\n          pull: this.widget.options.pull || 0\n        }\n      };\n    },\n    computed: {\n      isHidden() {\n        return this.widget.widgetList.some(item => {\n          if (item.options.holdHidden) {\n            return false;\n          }\n          return item.options.hidden;\n        });\n      },\n      formConfig() {\n        return this.getFormConfig();\n      },\n\n      customClass() {\n        return this.widget.options.customClass || '';\n      },\n\n      colHeightStyle() {\n        return !!this.colHeight ? { height: this.colHeight + 'px' } : {};\n      }\n    },\n    created() {\n      this.initLayoutProps();\n      this.initRefList();\n    },\n    methods: {\n      initLayoutProps() {\n        if (!!this.widget.options.responsive) {\n          if (!!this.previewState) {\n            this.layoutProps.md = undefined;\n            this.layoutProps.sm = undefined;\n            this.layoutProps.xs = undefined;\n\n            const lyType = this.formConfig.layoutType;\n            if (lyType === 'H5') {\n              this.layoutProps.span = this.widget.options.xs || 12;\n            } else if (lyType === 'Pad') {\n              this.layoutProps.span = this.widget.options.sm || 12;\n            } else {\n              this.layoutProps.span = this.widget.options.md || 12;\n            }\n          } else {\n            this.layoutProps.span = undefined;\n          }\n        } else {\n          this.layoutProps.md = undefined;\n          this.layoutProps.sm = undefined;\n          this.layoutProps.xs = undefined;\n        }\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .blank-cell {\n    font-style: italic;\n    color: #cccccc;\n\n    span.invisible-content {\n      opacity: 0;\n    }\n  }\n</style>\n"],"names":["FieldComponents","_withDirectives","_openBlock","_createBlock","_mergeProps","_withCtx","_createElementBlock","_Fragment","_renderList","_resolveDynamicComponent","_createSlots","_renderSlot","_createElementVNode","_toDisplayString","_vShow"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ import refMixin from "../refMixin.js";
 import ContainerItemWrapper from "./container-item-wrapper.vue.js";
 import GridColItem from "./grid-col-item.vue.js";
 import containerItemMixin from "./containerItemMixin.js";
-import { resolveComponent, createBlock, openBlock, withCtx, withDirectives, normalizeClass, createElementBlock, Fragment, renderList, createSlots, renderSlot, normalizeProps, guardReactiveProps, vShow } from "vue";
+import { resolveComponent, createBlock, openBlock, withCtx, withDirectives, normalizeClass, createElementBlock, Fragment, renderList, createSlots, renderSlot, mergeProps, vShow } from "vue";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "vf-grid-item",
@@ -73,7 +73,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 return {
                   name: slot,
                   fn: withCtx((scope) => [
-                    renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope)))
+                    renderSlot(_ctx.$slots, slot, mergeProps({ ref_for: true }, scope))
                   ])
                 };
               })

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

@@ -1 +1 @@
-{"version":3,"file":"grid-item.vue.js","sources":["../../../../../src/components/form-render/container-item/grid-item.vue"],"sourcesContent":["<template>\n  <container-item-wrapper :widget=\"widget\">\n    <a-row\n      :key=\"widget.id\"\n      :gutter=\"widget.options.gutter\"\n      class=\"grid-container\"\n      :class=\"[customClass]\"\n      :ref=\"widget.id\"\n      v-show=\"!widget.options.hidden\"\n    >\n      <template v-for=\"(colWidget, colIdx) in widget.cols\" :key=\"colIdx\">\n        <grid-col-item\n          :widget=\"colWidget\"\n          :parent-list=\"widget.cols\"\n          :index-of-parent-list=\"colIdx\"\n          :parent-widget=\"widget\"\n          :col-height=\"widget.options.colHeight\"\n          :sub-form-row-id=\"subFormRowId\"\n          :sub-form-row-index=\"subFormRowIndex\"\n          :sub-form-col-index=\"subFormColIndex\"\n        >\n          <!-- 递归传递插槽！！！ -->\n          <template v-for=\"slot in Object.keys($slots)\" v-slot:[slot]=\"scope\">\n            <slot :name=\"slot\" v-bind=\"scope\"></slot>\n          </template>\n        </grid-col-item>\n      </template>\n    </a-row>\n  </container-item-wrapper>\n</template>\n\n<script>\n  import emitter from '@/utils/emitter';\n  import i18n from '@/utils/i18n';\n  import refMixin from '@/components/form-render/refMixin';\n  import ContainerItemWrapper from './container-item-wrapper';\n  import GridColItem from './grid-col-item';\n  import containerItemMixin from './containerItemMixin';\n\n  export default {\n    name: 'vf-grid-item', //grid-item跟VueGridLayout全局注册组件重名，故特殊处理！！\n    componentName: 'ContainerItem',\n    mixins: [emitter, i18n, refMixin, containerItemMixin],\n    components: {\n      ContainerItemWrapper,\n      GridColItem\n    },\n    props: {\n      widget: Object,\n\n      subFormRowIndex: {\n        /* 子表单组件行索引，从0开始计数 */ type: Number,\n        default: -1\n      },\n      subFormColIndex: {\n        /* 子表单组件列索引，从0开始计数 */ type: Number,\n        default: -1\n      },\n      subFormRowId: {\n        /* 子表单组件行Id，唯一id且不可变 */ type: String,\n        default: ''\n      }\n    },\n    inject: ['refList', 'sfRefList', 'globalModel'],\n    created() {\n      this.initRefList();\n    },\n    mounted() {},\n    beforeUnmount() {\n      this.unregisterFromRefList();\n    },\n    methods: {}\n  };\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_createBlock","_normalizeClass","_openBlock","_createElementBlock","_Fragment","_renderList","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps"],"mappings":";;;;;;;;AAuCE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAAC,SAAS,MAAM,UAAU,kBAAkB;AAAA,EACpD,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EACD,OAAO;AAAA,IACL,QAAQ;AAAA,IAER,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,cAAc;AAAA;AAAA,MACY,MAAM;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACD,QAAQ,CAAC,WAAW,aAAa,aAAa;AAAA,EAC9C,UAAU;AACR,SAAK,YAAa;AAAA,EACnB;AAAA,EACD,UAAU;AAAA,EAAE;AAAA,EACZ,gBAAgB;AACd,SAAK,sBAAuB;AAAA,EAC7B;AAAA,EACD,SAAS,CAAA;AACV;;;;;sBAvEDA,YA2ByB,mCAAA,EA3BA,QAAQ,OAAM,UAAA;AAAA,qBACrC,MAyBQ;AAAA,mCAzBRA,YAyBQ,kBAAA;AAAA,QAxBL,KAAK,OAAM,OAAC;AAAA,QACZ,QAAQ,OAAA,OAAO,QAAQ;AAAA,QACxB,OAAKC,eAAA,CAAC,kBAAgB,CACb,KAAW,WAAA,CAAA,CAAA;AAAA,QACnB,KAAK,OAAM,OAAC;AAAA;yBAGH,MAA0C;AAAA,WAApDC,UAAA,IAAA,GAAAC,mBAgBWC,2BAhB6B,OAAM,OAAC,MAA7B,CAAA,WAAW,WAAM;gCACjCJ,YAcgB,0BAAA;AAAA,mBAfyC;AAAA,cAEtD,QAAQ;AAAA,cACR,eAAa,OAAM,OAAC;AAAA,cACpB,wBAAsB;AAAA,cACtB,iBAAe,OAAM;AAAA,cACrB,cAAY,OAAA,OAAO,QAAQ;AAAA,cAC3B,mBAAiB,OAAY;AAAA,cAC7B,sBAAoB,OAAe;AAAA,cACnC,sBAAoB,OAAe;AAAA;cAGXK,WAAA,OAAO,KAAK,KAAA,MAAM,IAA1B,SAAI;;wBAAgC;AAAA,kBACnD,IAAAC,QAAA,CAD2D,UAAK;AAAA,oBAChEC,WAAyC,KAAA,QAA5B,MAAIC,eAAAC,mBAAU,KAAK,CAAA,CAAA;AAAA;;;;;;;;iBAf7B,OAAM,OAAC,QAAQ,MAAM;AAAA;;;;;;"}
+{"version":3,"file":"grid-item.vue.js","sources":["../../../../../src/components/form-render/container-item/grid-item.vue"],"sourcesContent":["<template>\n  <container-item-wrapper :widget=\"widget\">\n    <a-row\n      :key=\"widget.id\"\n      :gutter=\"widget.options.gutter\"\n      class=\"grid-container\"\n      :class=\"[customClass]\"\n      :ref=\"widget.id\"\n      v-show=\"!widget.options.hidden\"\n    >\n      <template v-for=\"(colWidget, colIdx) in widget.cols\" :key=\"colIdx\">\n        <grid-col-item\n          :widget=\"colWidget\"\n          :parent-list=\"widget.cols\"\n          :index-of-parent-list=\"colIdx\"\n          :parent-widget=\"widget\"\n          :col-height=\"widget.options.colHeight\"\n          :sub-form-row-id=\"subFormRowId\"\n          :sub-form-row-index=\"subFormRowIndex\"\n          :sub-form-col-index=\"subFormColIndex\"\n        >\n          <!-- 递归传递插槽！！！ -->\n          <template v-for=\"slot in Object.keys($slots)\" v-slot:[slot]=\"scope\">\n            <slot :name=\"slot\" v-bind=\"scope\"></slot>\n          </template>\n        </grid-col-item>\n      </template>\n    </a-row>\n  </container-item-wrapper>\n</template>\n\n<script>\n  import emitter from '@/utils/emitter';\n  import i18n from '@/utils/i18n';\n  import refMixin from '@/components/form-render/refMixin';\n  import ContainerItemWrapper from './container-item-wrapper';\n  import GridColItem from './grid-col-item';\n  import containerItemMixin from './containerItemMixin';\n\n  export default {\n    name: 'vf-grid-item', //grid-item跟VueGridLayout全局注册组件重名，故特殊处理！！\n    componentName: 'ContainerItem',\n    mixins: [emitter, i18n, refMixin, containerItemMixin],\n    components: {\n      ContainerItemWrapper,\n      GridColItem\n    },\n    props: {\n      widget: Object,\n\n      subFormRowIndex: {\n        /* 子表单组件行索引，从0开始计数 */ type: Number,\n        default: -1\n      },\n      subFormColIndex: {\n        /* 子表单组件列索引，从0开始计数 */ type: Number,\n        default: -1\n      },\n      subFormRowId: {\n        /* 子表单组件行Id，唯一id且不可变 */ type: String,\n        default: ''\n      }\n    },\n    inject: ['refList', 'sfRefList', 'globalModel'],\n    created() {\n      this.initRefList();\n    },\n    mounted() {},\n    beforeUnmount() {\n      this.unregisterFromRefList();\n    },\n    methods: {}\n  };\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_createBlock","_withCtx","_normalizeClass","_createElementBlock","_Fragment","_renderList","_createSlots","_renderSlot","_mergeProps"],"mappings":";;;;;;;;AAuCE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAAC,SAAS,MAAM,UAAU,kBAAkB;AAAA,EACpD,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EACD,OAAO;AAAA,IACL,QAAQ;AAAA,IAER,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,iBAAiB;AAAA;AAAA,MACO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,IACD,cAAc;AAAA;AAAA,MACY,MAAM;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EACD,QAAQ,CAAC,WAAW,aAAa,aAAa;AAAA,EAC9C,UAAU;AACR,SAAK,YAAa;AAAA,EACnB;AAAA,EACD,UAAU;AAAA,EAAE;AAAA,EACZ,gBAAgB;AACd,SAAK,sBAAuB;AAAA,EAC7B;AAAA,EACD,SAAS,CAAA;AACV;;;;;sBAvEDA,YA2ByB,mCAAA,EA3BA,QAAQ,OAAM,UAAA;AAAA,IADzC,SAAAC,QAEI,MAyBQ;AAAA,mCAzBRD,YAyBQ,kBAAA;AAAA,QAxBL,KAAK,OAAM,OAAC;AAAA,QACZ,QAAQ,OAAA,OAAO,QAAQ;AAAA,QACxB,OALNE,eAAA,CAKY,kBAAgB,CACb,KAAW,WAAA,CAAA,CAAA;AAAA,QACnB,KAAK,OAAM,OAAC;AAAA;QAPnB,SAAAD,QAUgB,MAA0C;AAAA,4BAApDE,mBAgBWC,UAAA,MA1BjBC,WAU8C,OAAM,OAAC,MAVrD,CAUwB,WAAW,WAAM;gCACjCL,YAcgB,0BAAA;AAAA,cAzBxB,KAUiE;AAAA,cAEtD,QAAQ;AAAA,cACR,eAAa,OAAM,OAAC;AAAA,cACpB,wBAAsB;AAAA,cACtB,iBAAe,OAAM;AAAA,cACrB,cAAY,OAAA,OAAO,QAAQ;AAAA,cAC3B,mBAAiB,OAAY;AAAA,cAC7B,sBAAoB,OAAe;AAAA,cACnC,sBAAoB,OAAe;AAAA,YAnB9C,GAAAM,YAAA,EAAA,GAAA,KAAA;AAAA,cAAAD,WAsBmC,OAAO,KAAK,KAAM,MAAA,GAtBrD,CAsB2B,SAAI;;kBAtB/B,MAsB+D;AAAA,kBAtB/D,IAuBYJ,QAAA,CAAyC,UADuB;AAAA,oBAChEM,WAAyC,aAA5B,MAAbC,WAAyC,EAvBrD,SAAA,QAuBuC,KAAK,CAAA;AAAA;;;;;;QAvB5C,GAAA;AAAA;iBAQe,OAAM,OAAC,QAAQ,MAAM;AAAA;;IARpC,GAAA;AAAA;;;"}

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":["FieldComponents","_createBlock","_withCtx","_createElementBlock","_openBlock","_Fragment","_renderList","_createElementVNode","_normalizeClass","_createVNode","_resolveDynamicComponent","_createTextVNode","_createCommentVNode"],"mappings":";;;;;;;;;;;;;AAoFE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAAC,SAAS,MAAM,UAAU,kBAAkB;AAAA,EACpD,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA,GAAGA;AAAAA,EACJ;AAAA,EACD,OAAO;AAAA,IACL,QAAQ;AAAA,EACT;AAAA,EACD,UAAU;AACR,WAAO;AAAA,MACL,qBAAqB,MAAM;AAAA,MAC3B,gBAAgB,MAAM,KAAK,OAAO,QAAQ;AAAA,IAC3C;AAAA,EACF;AAAA,EACD,QAAQ,CAAC,WAAW,aAAa,eAAe,aAAa;AAAA,EAC7D,OAAO;AACL,WAAO;AAAA,MACL,WAAW,CAAE;AAAA,MACb,kBAAkB,CAAE;AAAA,MACpB,gBAAgB;AAAA,MAChB,gBAAgB;AAAA;AAAA,MAChB,gBAAgB;AAAA;AAAA,MAEhB,iBAAiB,CAAA;AAAA,IAClB;AAAA,EACF;AAAA,EACD,UAAU;AAAA,IACR,aAAa;AACX,aAAO,KAAK,YAAa;AAAA,IAC1B;AAAA,IAED,kBAAkB;AAChB,aAAO,KAAK,OAAO,QAAQ,wBAAwB,OAC/C,wBACA;AAAA,IACN;AAAA,EACD;AAAA,EACD,UAAU;AACR,SAAK,YAAa;AAClB,SAAK,yBAA0B;AAC/B,SAAK,cAAc,IAAI;AACvB,SAAK,qBAAsB;AAC3B,SAAK,iBAAkB;AAAA,EACxB;AAAA,EACD,UAAU;AACR,SAAK,uBAAwB;AAC7B,SAAK,yBAAwB;AAAA,EAC9B;AAAA,EACD,gBAAgB;AACd,SAAK,sBAAuB;AAAA,EAC7B;AAAA,EACD,SAAS;AAAA,IACP,yBAAyB;AACvB,WAAK,gBAAgB,OAAO,GAAG,KAAK,gBAAgB,MAAM;AAC1D,YAAM,cAAc,QAAM;AACxB,aAAK,gBAAgB,KAAK,EAAE;AAAA,MAC7B;AACD,sCAAgC,KAAK,QAAQ,WAAW;AAAA,IACzD;AAAA,IAED,cAAc,QAAQ,WAAW;AAC/B,aAAO,UAAU,QAAQ,cAAc,OAAO,QAAQ;AAAA,IACvD;AAAA,IAED,2BAA2B;AACzB,UAAI,KAAK,OAAO,SAAS,iBAAiB;AACxC,aAAK,UAAU,KAAK,OAAO,QAAQ,IAAI,IAAI;AAAA,MAC7C;AAAA,IACD;AAAA,IAED,cAAc,UAAU;AACtB,UAAI,KAAK,OAAO,SAAS,iBAAiB;AACxC,aAAK,UAAU,OAAO,GAAG,KAAK,UAAU,MAAM;AAE9C,cAAM,eAAe,KAAK,UAAU,KAAK,OAAO,QAAQ,IAAI;AAC5D,YAAI,CAAC,CAAC,gBAAgB,aAAa,SAAS,GAAG;AAC7C,uBAAa,QAAQ,MAAM;AACzB,iBAAK,UAAU,KAAK,OAAO,WAAU,CAAE;AAAA,UACzC,CAAC;AAED,cAAI,CAAC,CAAC,UAAU;AAEd,uBAAW,MAAM;AACf,mBAAK,uBAAuB,YAAY;AAAA,YACzC,GAAE,GAAG;AAAA,UACR;AAAA,QACF;AAAA,MACF;AAAA,IACD;AAAA,IAED,iBAAiB;AACf,WAAK,UAAU,KAAK,OAAO,WAAU,CAAE;AAAA,IACxC;AAAA,IAED,kBAAkB,UAAU;AAC1B,WAAK,UAAU,OAAO,UAAU,GAAG,OAAO,YAAY;AAAA,IACvD;AAAA,IAED,oBAAoB,UAAU;AAC5B,WAAK,UAAU,OAAO,UAAU,CAAC;AAAA,IAClC;AAAA,IAED,eAAe;AACb,aAAO,KAAK;AAAA,IACb;AAAA,IAED,sBAAsB,YAAY,UAAU;AAC1C,YAAM,iBAAiB,aAAa,SAAS,KAAK,UAAU,QAAQ;AACpE,aAAO,KAAK,aAAa,cAAc;AAAA,IACxC;AAAA,IAED,uBAAuB;AAErB,UAAI,KAAK,OAAO,SAAS,iBAAiB;AACxC;AAAA,MACF;AAEA,YAAM,YAAY,KAAK,UAAU;AACjC,WAAK,iBAAiB,OAAO,GAAG,KAAK,iBAAiB,MAAM;AAC5D,UAAI,YAAY,GAAG;AACjB,iBAAS,IAAI,GAAG,IAAI,WAAW,KAAK;AAClC,gBAAM,gBAAgB,CAAE;AACxB,eAAK,OAAO,WAAW,QAAQ,YAAU;AACvC,0BAAc,KAAK,KAAK,oBAAoB,MAAM,CAAC;AAAA,UACrD,CAAC;AACD,eAAK,iBAAiB,KAAK,aAAa;AAAA,QAC1C;AAAA,MACF;AAAA,IACD;AAAA,IAED,sBAAsB,UAAU;AAC9B,YAAM,gBAAgB,CAAE;AACxB,WAAK,OAAO,WAAW,QAAQ,YAAU;AACvC,sBAAc,KAAK,KAAK,oBAAoB,MAAM,CAAC;AAAA,MACrD,CAAC;AAED,UAAI,aAAa,QAAW;AAC1B,aAAK,iBAAiB,KAAK,aAAa;AAAA,aACnC;AACL,aAAK,iBAAiB,OAAO,UAAU,GAAG,aAAa;AAAA,MACzD;AAAA,IACD;AAAA,IAED,2BAA2B,UAAU;AACnC,WAAK,iBAAiB,OAAO,UAAU,CAAC;AAAA,IACzC;AAAA,IAED,oBAAoB,QAAQ;AAC1B,YAAM,kBAAkB,UAAU,MAAM;AACxC,sBAAgB,KAAK,OAAO,OAAO,WAAY;AAC/C,aAAO;AAAA,IACR;AAAA,IAED,mBAAmB;AACjB,UAAI,KAAK,OAAO,SAAS,iBAAiB;AACxC;AAAA,MACF;AAEA,WAAK,IAAI,eAAe,iBAAe;AACrC,aAAK,cAAc,KAAK;AACxB,aAAK,qBAAsB;AAE3B,cAAM,cAAc,YAAY,KAAK,OAAO,QAAQ,IAAI,KAAK,CAAE;AAC/D,mBAAW,MAAM;AAEf,eAAK,uBAAuB,WAAW;AAAA,QACxC,GAAE,GAAG;AAAA,MACR,CAAC;AAAA,IACF;AAAA,IAED,2BAA2B;AACzB,UAAI,KAAK,OAAO,SAAS,iBAAiB;AACxC;AAAA,MACF;AAEA,UAAI,CAAC,CAAC,KAAK,OAAO,QAAQ,gBAAgB,KAAK,UAAU,WAAW,GAAG;AACrE,cAAM,iBAAiB,KAAK,UAAU,KAAK,OAAO,QAAQ,IAAI,KAAK,CAAE;AAGrE,aAAK,UAAU,MAAM;AACnB,eAAK,oBAAoB,gBAAgB,KAAK,UAAU,CAAC,CAAC;AAC1D,eAAK,uBAAuB,cAAc;AAAA,QAC5C,CAAC;AAAA,MACH;AAAA,IACD;AAAA,IAED,gBAAgB;AACd,YAAM,oBAAoB,CAAE;AAC5B,WAAK,gBAAgB,QAAQ,iBAAe;AAC1C,YAAI,CAAC,CAAC,YAAY,cAAc;AAC9B,4BAAkB,YAAY,QAAQ,IAAI,IAAI,YAAY,QAAQ;AAAA,QACpE;AAAA,MACF,CAAC;AAED,YAAM,iBAAiB,KAAK,UAAU,KAAK,OAAO,QAAQ,IAAI,KAAK,CAAE;AACrE,qBAAe,KAAK,iBAAiB;AACrC,WAAK,eAAgB;AACrB,WAAK,sBAAuB;AAG5B,WAAK,UAAU,MAAM;AACnB,aAAK,oBAAoB,gBAAgB,KAAK,UAAU,eAAe,SAAS,CAAC,CAAC;AAClF,aAAK,uBAAuB,cAAc;AAAA,MAC5C,CAAC;AAAA,IACF;AAAA,IAED,iBAAiB,oBAAoB;AACnC,YAAM,oBAAoB,CAAE;AAC5B,WAAK,gBAAgB,QAAQ,iBAAe;AAC1C,YAAI,CAAC,CAAC,YAAY,cAAc;AAC9B,4BAAkB,YAAY,QAAQ,IAAI,IAAI,YAAY,QAAQ;AAAA,QACpE;AAAA,MACF,CAAC;AAED,YAAM,iBAAiB,KAAK,UAAU,KAAK,OAAO,QAAQ,IAAI,KAAK,CAAE;AACrE,qBAAe,OAAO,oBAAoB,GAAG,iBAAiB;AAC9D,WAAK,kBAAkB,kBAAkB;AACzC,WAAK,sBAAsB,kBAAkB;AAG7C,WAAK,UAAU,MAAM;AACnB,aAAK,uBAAuB,gBAAgB,KAAK,UAAU,kBAAkB,CAAC;AAC9E,aAAK,uBAAuB,cAAc;AAAA,MAC5C,CAAC;AAAA,IACF;AAAA,IAED,iBAAiB,cAAc;AAC7B,iBAAW;AAAA,QACT,MAAM;AAAA,QACN,SAAS,KAAK,MAAM,8BAA8B,IAAI;AAAA,QACtD,OAAO,KAAK,MAAM,oBAAoB;AAAA,QACtC,QAAQ,KAAK,MAAM,qBAAqB;AAAA,QACxC,YAAY,KAAK,MAAM,oBAAoB;AAAA,MAC5C,CAAA,EACE,KAAK,MAAM;AACV,cAAM,iBAAiB,KAAK,UAAU,KAAK,OAAO,QAAQ,IAAI,KAAK,CAAE;AACrE,cAAM,iBAAiB,UAAU,eAAe,YAAY,CAAC;AAC7D,uBAAe,OAAO,cAAc,CAAC;AACrC,aAAK,oBAAoB,YAAY;AACrC,aAAK,2BAA2B,YAAY;AAG5C,aAAK,UAAU,MAAM;AACnB,eAAK,uBAAuB,gBAAgB,cAAc;AAC1D,eAAK,uBAAuB,cAAc;AAAA,QAC5C,CAAC;AAAA,MACF,CAAA,EACA,MAAM,MAAM;AAAA,MAEb,CAAC;AAAA,IACJ;AAAA,IAED,uBAAuB,aAAa;AAClC,UAAI,CAAC,CAAC,KAAK,OAAO,QAAQ,oBAAoB;AAC5C,cAAM,aAAa,IAAI,SAAS,eAAe,KAAK,OAAO,QAAQ,kBAAkB;AACrF,mBAAW,KAAK,MAAM,WAAW;AAAA,MACnC;AAAA,IACD;AAAA,IAED,oBAAoB,aAAa,UAAU;AACzC,UAAI,CAAC,CAAC,KAAK,OAAO,QAAQ,iBAAiB;AACzC,cAAM,aAAa,IAAI;AAAA,UACrB;AAAA,UACA;AAAA,UACA,KAAK,OAAO,QAAQ;AAAA,QACrB;AACD,mBAAW,KAAK,MAAM,aAAa,QAAQ;AAAA,MAC7C;AAAA,IACD;AAAA,IAED,uBAAuB,aAAa,UAAU;AAC5C,UAAI,CAAC,CAAC,KAAK,OAAO,QAAQ,oBAAoB;AAC5C,cAAM,aAAa,IAAI;AAAA,UACrB;AAAA,UACA;AAAA,UACA,KAAK,OAAO,QAAQ;AAAA,QACrB;AACD,mBAAW,KAAK,MAAM,aAAa,QAAQ;AAAA,MAC7C;AAAA,IACD;AAAA,IAED,uBAAuB,aAAa,gBAAgB;AAClD,UAAI,CAAC,CAAC,KAAK,OAAO,QAAQ,oBAAoB;AAC5C,cAAM,aAAa,IAAI;AAAA,UACrB;AAAA,UACA;AAAA,UACA,KAAK,OAAO,QAAQ;AAAA,QACrB;AACD,mBAAW,KAAK,MAAM,aAAa,cAAc;AAAA,MACnD;AAAA,IACD;AAAA,IAED,YAAY,MAAM;AAChB,UAAI,CAAC,CAAC,MAAM;AACV,aAAK,mBAAoB;AAAA,aACpB;AACL,aAAK,kBAAmB;AAAA,MAC1B;AAAA,IACD;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,kBAAkB,MAAM;AACtB,WAAK,iBAAiB;AAAA,IACvB;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,kBAAkB,MAAM;AACtB,WAAK,iBAAiB;AAAA,IACxB;AAAA,EACF;AACD;AAxXU,MAAA,aAAA,EAAA,OAAM,gBAAe;AAClB,MAAA,aAAA,EAAA,OAAM,kBAAiB;AAE1B,MAAA,aAAA,EAAA,OAAM,yBAAwB;AAoBhC,MAAA,aAAA,EAAA,OAAM,aAAY;;;;;sBAlD3BC,YAqEyB,mCAAA,EArEA,QAAQ,OAAM,UAAA;AAAA,IADzC,SAAAC,QAEI,MAmEM;AAAA,mCAnENC,mBAmEM,OAAA;AAAA,QAnEA,KAAK,OAAM,OAAC;AAAA,QAAI,OAAM;AAAA;SAC1BC,UAAA,IAAA,GAAAD,mBA+CME,gBAlDZC,WAG4C,MAAA,WAH5C,CAGmB,cAAc,WAAM;8BAAjCH,mBA+CM,OAAA;AAAA,YA/C2C,OAAM;AAAA,YAAgB,KAAK;AAAA;YAC1EI,mBAuBM,OAAA;AAAA,cAvBD,OAJbC,eAAA,CAImB,qCAA4C,SAAe,eAAA,CAAA;AAAA;6BACpED,mBAqBM,OAAA;AAAA,gBArBD,OALfC,eAAA,CAKqB,wBAA+B,SAAe,eAAA,CAAA;AAAA;gBACvDC,YASW,qBAAA;AAAA,kBART,MAAK;AAAA,kBACJ,OAAO,KAAK,MAAA,8BAAA;AAAA,kBACZ,UAAU,MAAc,kBAAI,MAAc;AAAA,kBAC1C,SAAK,YAAE,SAAgB,iBAAC,MAAM;AAAA;kBAEpB,cACT,MAAiC;AAAA,oBAAjCA,YAAiC,qBAAA,EAAvB,cAAW,UAAS,CAAA;AAAA;kBAb9C,GAAA;AAAA;gBAgBYA,YASW,qBAAA;AAAA,kBART,MAAK;AAAA,kBACJ,OAAO,KAAK,MAAA,8BAAA;AAAA,kBACZ,UAAU,MAAc,kBAAI,MAAc;AAAA,kBAC1C,SAAK,YAAE,SAAgB,iBAAC,MAAM;AAAA;kBAEpB,cACT,MAAmC;AAAA,oBAAnCA,YAAmC,qBAAA,EAAzB,cAAW,YAAW,CAAA;AAAA;kBAvBhD,GAAA;AAAA;;yBAK8E,SAAU,UAAA;AAAA;;YAuBhFF,mBAEM,OAFN,YAEM;AAAA,cADJA,mBAAsD,QAAtD,YAA8B,sBAAI,SAAM,CAAA,GAAA,CAAA;AAAA;YAE1CA,mBAkBM,OAlBN,YAkBM;AAAA,gCAjBJJ,mBAgBWE,UAAA,MAhDrBC,WAiCyC,OAAM,OAAC,YAjChD,CAiCoB,WAAW,UAAK;AAGxB,uBAAAF,UAAA,GAAAH,YAWYS,wBAVL,KAAuB,wBAAC,SAAS,CAAA,GAAA;AAAA,kBArCpD,KAkCkB,uBAAiB,MAAM,EAAE,KAAK,EAAE;AAAA,kBAInC,QAAQ,MAAA,iBAAiB,MAAM,EAAE,KAAK;AAAA,kBACtC,eAAa,OAAM,OAAC;AAAA,kBACpB,wBAAsB;AAAA,kBACtB,iBAAe,OAAM;AAAA,kBACrB,mBAAiB;AAAA,kBACjB,sBAAoB;AAAA,kBACpB,sBAAoB;AAAA;;;;;QAO7BH,mBAiBM,OAjBN,YAiBM;AAAA,WAdK,SAAU,2BAFnBN,YAeW,qBAAA;AAAA,YAnEnB,KAAA;AAAA,YAqDU,OAAA;AAAA,YAEC,UAAU,MAAc,kBAAI,MAAc;AAAA,YAC3C,OAAM;AAAA,YACN,MAAK;AAAA,YACL,MAAK;AAAA,YACL,OAAM;AAAA,YACL,SAAO,SAAa;AAAA,YACpB,OAAO,KAAK,MAAA,kCAAA;AAAA;YAEF,cACT,MAAiC;AAAA,cAAjCQ,YAAiC,qBAAA,EAAvB,cAAW,UAAS,CAAA;AAAA;YAhE1C,SAAAP,QAiEqB,MACX;AAAA,cAlEVS,gBAiEqB,sBACR,KAAK,MAAA,8BAAA,CAAA,GAAA,CAAA;AAAA;YAlElB,GAAA;AAAA,qDAAAC,mBAAA,IAAA,IAAA;AAAA;;iBAE8D,OAAM,OAAC,QAAQ,MAAM;AAAA;;IAFnF,GAAA;AAAA;;;"}