@kp-ui/lowcode 1.0.55 → 1.0.57

package/src/components/form-designer/form-widget/container-widget/grid-sub-form-widget.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid-sub-form-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/grid-sub-form-widget.vue"],"sourcesContent":["<template>\n  <container-wrapper\n    :designer=\"designer\"\n    :widget=\"widget\"\n    :parent-widget=\"parentWidget\"\n    :parent-list=\"parentList\"\n    :index-of-parent-list=\"indexOfParentList\"\n  >\n    <div\n      :key=\"widget.id\"\n      class=\"sub-form-container\"\n      :class=\"{ selected: selected }\"\n      @click.stop=\"selectWidget(widget)\"\n    >\n      <div class=\"grid-sub-form\">\n        <draggable\n          :list=\"widget.widgetList\"\n          item-key=\"id\"\n          v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n          tag=\"transition-group\"\n          :component-data=\"{ name: 'fade' }\"\n          handle=\".drag-handler\"\n          @add=\"evt => onSubFormDragAdd(evt, widget.widgetList)\"\n          @end=\"onSubFormDragEnd\"\n          @update=\"onContainerDragUpdate\"\n          :move=\"checkContainerMove\"\n        >\n          <template #item=\"{ element: subWidget, index: swIdx }\">\n            <template v-if=\"'container' === subWidget.category\">\n              <component\n                :is=\"subWidget.type + '-widget'\"\n                :widget=\"subWidget\"\n                :designer=\"designer\"\n                :key=\"subWidget.id\"\n                :parent-list=\"widget.widgetList\"\n                :index-of-parent-list=\"swIdx\"\n                :parent-widget=\"widget\"\n              />\n            </template>\n          </template>\n        </draggable>\n      </div>\n    </div>\n  </container-wrapper>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n  import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n  import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n  import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n  import refMixinDesign from '@/components/form-designer/refMixinDesign';\n  import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n  export default {\n    name: 'grid-sub-form-widget',\n    componentName: 'ContainerWidget',\n    mixins: [i18n, containerMixin, refMixinDesign],\n    inject: ['refList'],\n    components: {\n      Draggable,\n      ContainerWrapper,\n      ...FieldComponents\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n      designer: Object\n    },\n    provide() {\n      return {\n        getSubFormFieldFlag: () => true,\n        getSubFormName: () => this.widget.options.name\n      };\n    },\n    computed: {\n      selected() {\n        return this.widget.id === this.designer.selectedId;\n      },\n\n      customClass() {\n        return this.widget.options.customClass || '';\n      }\n    },\n    watch: {\n      //\n    },\n    created() {\n      this.initRefList();\n    },\n    mounted() {\n      //\n    },\n    methods: {\n      onSubFormDragAdd(evt, subList) {\n        const newIndex = evt.newIndex;\n        if (!!subList[newIndex]) {\n          this.designer.setSelected(subList[newIndex]);\n        }\n\n        this.designer.emitHistoryChange();\n        console.log('test', 'onSubFormDragAdd');\n        this.designer.emitEvent('field-selected', this.widget);\n      },\n\n      onSubFormDragEnd(evt) {\n        console.log('sub form drag end: ', evt);\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .sub-form-container {\n    //width: 100%;\n    padding: 8px;\n    border: 1px dashed #336699;\n\n    :deep(.grid-sub-form) {\n      min-height: 68px;\n    }\n\n    :deep(.ghost) {\n      content: '';\n      font-size: 0;\n      height: 3px;\n      width: 100%;\n      //height: 74px;\n      //width: 1px;\n      box-sizing: border-box;\n      display: inline-block;\n      background: $--color-primary;\n      border: 2px solid $--color-primary;\n      outline-width: 0;\n      padding: 0;\n      margin: 0;\n      overflow: hidden;\n    }\n  }\n\n  .sub-form-container.selected {\n    outline: 2px solid $--color-primary !important;\n  }\n</style>\n"],"names":["Draggable","FieldComponents","_createBlock","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_createVNode","_mergeProps","_withCtx","_resolveDynamicComponent"],"mappings":";;;;;;;;;AAsDE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAAC,MAAM,gBAAgB,cAAc;AAAA,EAC7C,QAAQ,CAAC,SAAS;AAAA,EAClB,YAAY;AAAA,IACV,WAAAA;AAAAA,IACA;AAAA,IACA,GAAGC;AAAAA,EACJ;AAAA,EACD,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,EACX;AAAA,EACD,UAAU;AACR,WAAO;AAAA,MACL,qBAAqB,MAAM;AAAA,MAC3B,gBAAgB,MAAM,KAAK,OAAO,QAAQ;AAAA,IAC3C;AAAA,EACF;AAAA,EACD,UAAU;AAAA,IACR,WAAW;AACT,aAAO,KAAK,OAAO,OAAO,KAAK,SAAS;AAAA,IACzC;AAAA,IAED,cAAc;AACZ,aAAO,KAAK,OAAO,QAAQ,eAAe;AAAA,IAC5C;AAAA,EACD;AAAA,EACD,OAAO;AAAA;AAAA,EAEN;AAAA,EACD,UAAU;AACR,SAAK,YAAa;AAAA,EACnB;AAAA,EACD,UAAU;AAAA,EAET;AAAA,EACD,SAAS;AAAA,IACP,iBAAiB,KAAK,SAAS;AAC7B,YAAM,WAAW,IAAI;AACrB,UAAI,CAAC,CAAC,QAAQ,QAAQ,GAAG;AACvB,aAAK,SAAS,YAAY,QAAQ,QAAQ,CAAC;AAAA,MAC7C;AAEA,WAAK,SAAS,kBAAmB;AACjC,cAAQ,IAAI,QAAQ,kBAAkB;AACtC,WAAK,SAAS,UAAU,kBAAkB,KAAK,MAAM;AAAA,IACtD;AAAA,IAED,iBAAiB,KAAK;AACpB,cAAQ,IAAI,uBAAuB,GAAG;AAAA,IACxC;AAAA,EACF;AACD;AAjGQ,MAAA,aAAA,EAAA,OAAM,gBAAe;;;;sBAb9BC,YA0CoB,8BAAA;AAAA,IAzCjB,UAAU,OAAQ;AAAA,IAClB,QAAQ,OAAM;AAAA,IACd,iBAAe,OAAY;AAAA,IAC3B,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAiB;AAAA;qBAExC,MAkCM;AAAA,oBAlCNC,mBAkCM,OAAA;AAAA,QAjCH,KAAK,OAAM,OAAC;AAAA,QACb,OAAKC,eAAA,CAAC,sBAAoB,EAAA,UACN,SAAQ,SAAA,CAAA,CAAA;AAAA,QAC3B,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,cAAA,YAAO,KAAY,aAAC,OAAM,MAAA,GAAA,CAAA,MAAA,CAAA;AAAA;QAEhCC,mBA2BM,OA3BN,YA2BM;AAAA,UA1BJC,YAyBY,sBAzBZC,WAyBY;AAAA,YAxBT,MAAM,OAAM,OAAC;AAAA,YACd,YAAS;AAAA,aACD,EAA2D,OAAA,aAAA,YAAA,SAAA,WAAA,OAAA;AAAA,YACnE,KAAI;AAAA,YACH,kBAAgB,EAAgB,MAAA,OAAA;AAAA,YACjC,QAAO;AAAA,YACN,OAAG,OAAA,CAAA,MAAA,OAAA,CAAA,IAAE,SAAO,SAAA,iBAAiB,KAAK,OAAM,OAAC,UAAU;AAAA,YACnD,OAAK,SAAgB;AAAA,YACrB,UAAQ,KAAqB;AAAA,YAC7B,MAAM,KAAkB;AAAA;YAEd,MACTC,QAAA,CAUW,EAXe,SAAA,kBAAkB,YAAK;AAAA,cACjB,gBAAA,UAAU,yBACxCP,YAQEQ,wBAPK,UAAU,OAAI,SAAA,GAAA;AAAA,gBAClB,QAAQ;AAAA,gBACR,UAAU,OAAQ;AAAA,gBAClB,KAAK,UAAU;AAAA,gBACf,eAAa,OAAM,OAAC;AAAA,gBACpB,wBAAsB;AAAA,gBACtB,iBAAe,OAAM;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"grid-sub-form-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/grid-sub-form-widget.vue"],"sourcesContent":["<template>\n  <container-wrapper\n    :designer=\"designer\"\n    :widget=\"widget\"\n    :parent-widget=\"parentWidget\"\n    :parent-list=\"parentList\"\n    :index-of-parent-list=\"indexOfParentList\"\n  >\n    <div\n      :key=\"widget.id\"\n      class=\"sub-form-container\"\n      :class=\"{ selected: selected }\"\n      @click.stop=\"selectWidget(widget)\"\n    >\n      <div class=\"grid-sub-form\">\n        <draggable\n          :list=\"widget.widgetList\"\n          item-key=\"id\"\n          v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n          tag=\"transition-group\"\n          :component-data=\"{ name: 'fade' }\"\n          handle=\".drag-handler\"\n          @add=\"evt => onSubFormDragAdd(evt, widget.widgetList)\"\n          @end=\"onSubFormDragEnd\"\n          @update=\"onContainerDragUpdate\"\n          :move=\"checkContainerMove\"\n        >\n          <template #item=\"{ element: subWidget, index: swIdx }\">\n            <template v-if=\"'container' === subWidget.category\">\n              <component\n                :is=\"subWidget.type + '-widget'\"\n                :widget=\"subWidget\"\n                :designer=\"designer\"\n                :key=\"subWidget.id\"\n                :parent-list=\"widget.widgetList\"\n                :index-of-parent-list=\"swIdx\"\n                :parent-widget=\"widget\"\n              />\n            </template>\n          </template>\n        </draggable>\n      </div>\n    </div>\n  </container-wrapper>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n  import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n  import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n  import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n  import refMixinDesign from '@/components/form-designer/refMixinDesign';\n  import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n  export default {\n    name: 'grid-sub-form-widget',\n    componentName: 'ContainerWidget',\n    mixins: [i18n, containerMixin, refMixinDesign],\n    inject: ['refList'],\n    components: {\n      Draggable,\n      ContainerWrapper,\n      ...FieldComponents\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n      designer: Object\n    },\n    provide() {\n      return {\n        getSubFormFieldFlag: () => true,\n        getSubFormName: () => this.widget.options.name\n      };\n    },\n    computed: {\n      selected() {\n        return this.widget.id === this.designer.selectedId;\n      },\n\n      customClass() {\n        return this.widget.options.customClass || '';\n      }\n    },\n    watch: {\n      //\n    },\n    created() {\n      this.initRefList();\n    },\n    mounted() {\n      //\n    },\n    methods: {\n      onSubFormDragAdd(evt, subList) {\n        const newIndex = evt.newIndex;\n        if (!!subList[newIndex]) {\n          this.designer.setSelected(subList[newIndex]);\n        }\n\n        this.designer.emitHistoryChange();\n        console.log('test', 'onSubFormDragAdd');\n        this.designer.emitEvent('field-selected', this.widget);\n      },\n\n      onSubFormDragEnd(evt) {\n        console.log('sub form drag end: ', evt);\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .sub-form-container {\n    //width: 100%;\n    padding: 8px;\n    border: 1px dashed #336699;\n\n    :deep(.grid-sub-form) {\n      min-height: 68px;\n    }\n\n    :deep(.ghost) {\n      content: '';\n      font-size: 0;\n      height: 3px;\n      width: 100%;\n      //height: 74px;\n      //width: 1px;\n      box-sizing: border-box;\n      display: inline-block;\n      background: $--color-primary;\n      border: 2px solid $--color-primary;\n      outline-width: 0;\n      padding: 0;\n      margin: 0;\n      overflow: hidden;\n    }\n  }\n\n  .sub-form-container.selected {\n    outline: 2px solid $--color-primary !important;\n  }\n</style>\n"],"names":["Draggable","FieldComponents","_createBlock","_withCtx","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_createVNode","_mergeProps","_openBlock","_resolveDynamicComponent","_createCommentVNode"],"mappings":"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"}

package/src/components/form-designer/form-widget/container-widget/grid-widget.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/grid-widget.vue"],"sourcesContent":["<template>\n  <container-wrapper\n    :designer=\"designer\"\n    :widget=\"widget\"\n    :parent-widget=\"parentWidget\"\n    :parent-list=\"parentList\"\n    :index-of-parent-list=\"indexOfParentList\"\n  >\n    <a-row\n      :key=\"widget.id\"\n      :gutter=\"widget.options.gutter\"\n      class=\"grid-container\"\n      :class=\"[selected ? 'selected' : '', customClass]\"\n      @click.stop=\"selectWidget(widget)\"\n    >\n      <template v-for=\"(colWidget, colIdx) in widget.cols\" :key=\"colWidget.id\">\n        <grid-col-widget\n          :widget=\"colWidget\"\n          :designer=\"designer\"\n          :parent-list=\"widget.cols\"\n          :index-of-parent-list=\"colIdx\"\n          :parent-widget=\"widget\"\n          :col-height=\"widget.options.colHeight\"\n        />\n      </template>\n    </a-row>\n  </container-wrapper>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n  import GridColWidget from '@/components/form-designer/form-widget/container-widget/grid-col-widget';\n  import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n  import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n  import refMixinDesign from '@/components/form-designer/refMixinDesign';\n\n  export default {\n    name: 'grid-widget',\n    componentName: 'ContainerWidget',\n    mixins: [i18n, containerMixin, refMixinDesign],\n    inject: ['refList'],\n    components: {\n      ContainerWrapper,\n      GridColWidget\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n      designer: Object\n    },\n    computed: {\n      selected() {\n        return this.widget.id === this.designer.selectedId;\n      },\n\n      customClass() {\n        return this.widget.options.customClass || '';\n      }\n    },\n    watch: {\n      //\n    },\n    created() {\n      this.initRefList();\n    },\n    mounted() {\n      //\n    },\n    methods: {}\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .ant-row.grid-container {\n    min-height: 50px;\n    outline: 1px dashed #336699;\n\n    .form-widget-list {\n      min-height: 28px;\n    }\n  }\n\n  .grid-container.selected,\n  .grid-cell.selected {\n    outline: 2px solid $--color-primary !important;\n  }\n</style>\n"],"names":["_createBlock","_normalizeClass","_withModifiers","_openBlock","_createElementBlock","_Fragment"],"mappings":";;;;;;;;AAoCE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAAC,MAAM,gBAAgB,cAAc;AAAA,EAC7C,QAAQ,CAAC,SAAS;AAAA,EAClB,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EACD,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,EACX;AAAA,EACD,UAAU;AAAA,IACR,WAAW;AACT,aAAO,KAAK,OAAO,OAAO,KAAK,SAAS;AAAA,IACzC;AAAA,IAED,cAAc;AACZ,aAAO,KAAK,OAAO,QAAQ,eAAe;AAAA,IAC5C;AAAA,EACD;AAAA,EACD,OAAO;AAAA;AAAA,EAEN;AAAA,EACD,UAAU;AACR,SAAK,YAAa;AAAA,EACnB;AAAA,EACD,UAAU;AAAA,EAET;AAAA,EACD,SAAS,CAAA;AACV;;;;;sBAtEDA,YAyBoB,8BAAA;AAAA,IAxBjB,UAAU,OAAQ;AAAA,IAClB,QAAQ,OAAM;AAAA,IACd,iBAAe,OAAY;AAAA,IAC3B,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAiB;AAAA;qBAExC,MAiBQ;AAAA,oBAjBRA,YAiBQ,kBAAA;AAAA,QAhBL,KAAK,OAAM,OAAC;AAAA,QACZ,QAAQ,OAAA,OAAO,QAAQ;AAAA,QACxB,OAAMC,eAAA,CAAA,kBACG,CAAA,SAAA,4BAA4B,SAAW,WAAA,CAAA,CAAA;AAAA,QAC/C,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,cAAA,YAAO,KAAY,aAAC,OAAM,MAAA,GAAA,CAAA,MAAA,CAAA;AAAA;yBAEtB,MAA0C;AAAA,WAApDC,UAAA,IAAA,GAAAC,mBASWC,2BAT6B,OAAM,OAAC,MAA7B,CAAA,WAAW,WAAM;gCACjCL,YAOE,4BAAA;AAAA,cARuD,KAAA,UAAU;AAAA,cAEhE,QAAQ;AAAA,cACR,UAAU,OAAQ;AAAA,cAClB,eAAa,OAAM,OAAC;AAAA,cACpB,wBAAsB;AAAA,cACtB,iBAAe,OAAM;AAAA,cACrB,cAAY,OAAA,OAAO,QAAQ;AAAA;;;;;;;;;;"}
+{"version":3,"file":"grid-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/grid-widget.vue"],"sourcesContent":["<template>\n  <container-wrapper\n    :designer=\"designer\"\n    :widget=\"widget\"\n    :parent-widget=\"parentWidget\"\n    :parent-list=\"parentList\"\n    :index-of-parent-list=\"indexOfParentList\"\n  >\n    <a-row\n      :key=\"widget.id\"\n      :gutter=\"widget.options.gutter\"\n      class=\"grid-container\"\n      :class=\"[selected ? 'selected' : '', customClass]\"\n      @click.stop=\"selectWidget(widget)\"\n    >\n      <template v-for=\"(colWidget, colIdx) in widget.cols\" :key=\"colWidget.id\">\n        <grid-col-widget\n          :widget=\"colWidget\"\n          :designer=\"designer\"\n          :parent-list=\"widget.cols\"\n          :index-of-parent-list=\"colIdx\"\n          :parent-widget=\"widget\"\n          :col-height=\"widget.options.colHeight\"\n        />\n      </template>\n    </a-row>\n  </container-wrapper>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n  import GridColWidget from '@/components/form-designer/form-widget/container-widget/grid-col-widget';\n  import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n  import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n  import refMixinDesign from '@/components/form-designer/refMixinDesign';\n\n  export default {\n    name: 'grid-widget',\n    componentName: 'ContainerWidget',\n    mixins: [i18n, containerMixin, refMixinDesign],\n    inject: ['refList'],\n    components: {\n      ContainerWrapper,\n      GridColWidget\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n      designer: Object\n    },\n    computed: {\n      selected() {\n        return this.widget.id === this.designer.selectedId;\n      },\n\n      customClass() {\n        return this.widget.options.customClass || '';\n      }\n    },\n    watch: {\n      //\n    },\n    created() {\n      this.initRefList();\n    },\n    mounted() {\n      //\n    },\n    methods: {}\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .ant-row.grid-container {\n    min-height: 50px;\n    outline: 1px dashed #336699;\n\n    .form-widget-list {\n      min-height: 28px;\n    }\n  }\n\n  .grid-container.selected,\n  .grid-cell.selected {\n    outline: 2px solid $--color-primary !important;\n  }\n</style>\n"],"names":["_createBlock","_withCtx","_normalizeClass","_withModifiers","_createElementBlock","_Fragment","_renderList"],"mappings":";;;;;;;;AAoCE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAAC,MAAM,gBAAgB,cAAc;AAAA,EAC7C,QAAQ,CAAC,SAAS;AAAA,EAClB,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EACD,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,EACX;AAAA,EACD,UAAU;AAAA,IACR,WAAW;AACT,aAAO,KAAK,OAAO,OAAO,KAAK,SAAS;AAAA,IACzC;AAAA,IAED,cAAc;AACZ,aAAO,KAAK,OAAO,QAAQ,eAAe;AAAA,IAC5C;AAAA,EACD;AAAA,EACD,OAAO;AAAA;AAAA,EAEN;AAAA,EACD,UAAU;AACR,SAAK,YAAa;AAAA,EACnB;AAAA,EACD,UAAU;AAAA,EAET;AAAA,EACD,SAAS,CAAA;AACV;;;;;sBAtEDA,YAyBoB,8BAAA;AAAA,IAxBjB,UAAU,OAAQ;AAAA,IAClB,QAAQ,OAAM;AAAA,IACd,iBAAe,OAAY;AAAA,IAC3B,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAiB;AAAA;IAN5C,SAAAC,QAQI,MAiBQ;AAAA,oBAjBRD,YAiBQ,kBAAA;AAAA,QAhBL,KAAK,OAAM,OAAC;AAAA,QACZ,QAAQ,OAAA,OAAO,QAAQ;AAAA,QACxB,OAXNE,eAWY,CAAA,kBACG,CAAA,SAAA,4BAA4B,SAAW,WAAA,CAAA,CAAA;AAAA,QAC/C,SAbP,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,cAAA,YAamB,KAAY,aAAC,OAAM,MAAA,GAAA,CAAA,MAAA,CAAA;AAAA;QAbtC,SAAAF,QAegB,MAA0C;AAAA,4BAApDG,mBASWC,UAAA,MAxBjBC,WAe8C,OAAM,OAAC,MAfrD,CAewB,WAAW,WAAM;gCACjCN,YAOE,4BAAA;AAAA,cAvBV,KAeiE,UAAU;AAAA,cAEhE,QAAQ;AAAA,cACR,UAAU,OAAQ;AAAA,cAClB,eAAa,OAAM,OAAC;AAAA,cACpB,wBAAsB;AAAA,cACtB,iBAAe,OAAM;AAAA,cACrB,cAAY,OAAA,OAAO,QAAQ;AAAA;;;QAtBtC,GAAA;AAAA;;IAAA,GAAA;AAAA;;;"}

package/src/components/form-designer/form-widget/container-widget/sub-form-widget.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"sub-form-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/sub-form-widget.vue"],"sourcesContent":["<template>\n  <container-wrapper\n    :designer=\"designer\"\n    :widget=\"widget\"\n    :parent-widget=\"parentWidget\"\n    :parent-list=\"parentList\"\n    :index-of-parent-list=\"indexOfParentList\"\n  >\n    <div\n      :key=\"widget.id\"\n      class=\"sub-form-container\"\n      :class=\"{ selected: selected }\"\n      @click.stop=\"selectWidget(widget)\"\n    >\n      <a-form layout=\"horizontal\" class=\"tpf-form\">\n        <div class=\"sub-form-table\">\n          <draggable\n            :list=\"widget.widgetList\"\n            item-key=\"id\"\n            v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n            tag=\"transition-group\"\n            :component-data=\"{ name: 'fade' }\"\n            handle=\".drag-handler\"\n            @add=\"evt => onSubFormDragAdd(evt, widget.widgetList)\"\n            @end=\"onSubFormDragEnd\"\n            @update=\"onContainerDragUpdate\"\n            :move=\"checkContainerMove\"\n          >\n            <template #item=\"{ element: subWidget, index: swIdx }\">\n              <div class=\"sub-form-table-column\" :style=\"{ width: subWidget.options.columnWidth }\">\n                <component\n                  :is=\"subWidget.type + '-widget'\"\n                  :field=\"subWidget\"\n                  :designer=\"designer\"\n                  :key=\"subWidget.id\"\n                  :parent-list=\"widget.widgetList\"\n                  :index-of-parent-list=\"swIdx\"\n                  :parent-widget=\"widget\"\n                  :design-state=\"true\"\n                  :sub-form-item-flag=\"true\"\n                />\n              </div>\n            </template>\n          </draggable>\n        </div>\n      </a-form>\n    </div>\n  </container-wrapper>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n  import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n  import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n  import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n  import refMixinDesign from '@/components/form-designer/refMixinDesign';\n  import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n  export default {\n    name: 'sub-form-widget',\n    componentName: 'ContainerWidget',\n    mixins: [i18n, containerMixin, refMixinDesign],\n    inject: ['refList'],\n    components: {\n      Draggable,\n      ContainerWrapper,\n      ...FieldComponents\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n      designer: Object\n    },\n    provide() {\n      return {\n        getSubFormFieldFlag: () => true,\n        getSubFormName: () => this.widget.options.name\n      };\n    },\n    computed: {\n      selected() {\n        return this.widget.id === this.designer.selectedId;\n      },\n\n      customClass() {\n        return this.widget.options.customClass || '';\n      }\n    },\n    watch: {\n      //\n    },\n    created() {\n      this.initRefList();\n    },\n    mounted() {\n      //\n    },\n    methods: {\n      onSubFormDragAdd(evt, subList) {\n        const newIndex = evt.newIndex;\n        if (!!subList[newIndex]) {\n          this.designer.setSelected(subList[newIndex]);\n        }\n\n        this.designer.emitHistoryChange();\n        console.log('test', 'onSubFormDragAdd');\n        this.designer.emitEvent('field-selected', this.widget);\n      },\n\n      onSubFormDragEnd(evt) {\n        console.log('sub form drag end: ', evt);\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .sub-form-container {\n    //width: 100%;\n    padding: 8px;\n    border: 1px dashed #336699;\n\n    :deep(.sub-form-table) {\n      min-height: 68px;\n\n      div.sub-form-table-column {\n        display: inline-block;\n        //width: 200px;\n      }\n    }\n\n    :deep(.ghost) {\n      content: '';\n      font-size: 0;\n      //height: 3px;\n      height: 74px;\n      width: 1px;\n      box-sizing: border-box;\n      display: inline-block;\n      background: $--color-primary;\n      border: 2px solid $--color-primary;\n      outline-width: 0;\n      padding: 0;\n      margin: 0;\n      overflow: hidden;\n    }\n  }\n\n  .sub-form-container.selected {\n    outline: 2px solid $--color-primary !important;\n  }\n</style>\n"],"names":["Draggable","FieldComponents","_createBlock","_createElementBlock","_normalizeClass","_withModifiers","_createVNode","_createElementVNode","_mergeProps","_withCtx","_normalizeStyle","_resolveDynamicComponent"],"mappings":";;;;;;;;;AA0DE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAAC,MAAM,gBAAgB,cAAc;AAAA,EAC7C,QAAQ,CAAC,SAAS;AAAA,EAClB,YAAY;AAAA,IACV,WAAAA;AAAAA,IACA;AAAA,IACA,GAAGC;AAAAA,EACJ;AAAA,EACD,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,EACX;AAAA,EACD,UAAU;AACR,WAAO;AAAA,MACL,qBAAqB,MAAM;AAAA,MAC3B,gBAAgB,MAAM,KAAK,OAAO,QAAQ;AAAA,IAC3C;AAAA,EACF;AAAA,EACD,UAAU;AAAA,IACR,WAAW;AACT,aAAO,KAAK,OAAO,OAAO,KAAK,SAAS;AAAA,IACzC;AAAA,IAED,cAAc;AACZ,aAAO,KAAK,OAAO,QAAQ,eAAe;AAAA,IAC5C;AAAA,EACD;AAAA,EACD,OAAO;AAAA;AAAA,EAEN;AAAA,EACD,UAAU;AACR,SAAK,YAAa;AAAA,EACnB;AAAA,EACD,UAAU;AAAA,EAET;AAAA,EACD,SAAS;AAAA,IACP,iBAAiB,KAAK,SAAS;AAC7B,YAAM,WAAW,IAAI;AACrB,UAAI,CAAC,CAAC,QAAQ,QAAQ,GAAG;AACvB,aAAK,SAAS,YAAY,QAAQ,QAAQ,CAAC;AAAA,MAC7C;AAEA,WAAK,SAAS,kBAAmB;AACjC,cAAQ,IAAI,QAAQ,kBAAkB;AACtC,WAAK,SAAS,UAAU,kBAAkB,KAAK,MAAM;AAAA,IACtD;AAAA,IAED,iBAAiB,KAAK;AACpB,cAAQ,IAAI,uBAAuB,GAAG;AAAA,IACxC;AAAA,EACF;AACD;AApGU,MAAA,aAAA,EAAA,OAAM,iBAAgB;;;;;sBAdjCC,YA8CoB,8BAAA;AAAA,IA7CjB,UAAU,OAAQ;AAAA,IAClB,QAAQ,OAAM;AAAA,IACd,iBAAe,OAAY;AAAA,IAC3B,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAiB;AAAA;qBAExC,MAsCM;AAAA,oBAtCNC,mBAsCM,OAAA;AAAA,QArCH,KAAK,OAAM,OAAC;AAAA,QACb,OAAKC,eAAA,CAAC,sBAAoB,EAAA,UACN,SAAQ,SAAA,CAAA,CAAA;AAAA,QAC3B,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,cAAA,YAAO,KAAY,aAAC,OAAM,MAAA,GAAA,CAAA,MAAA,CAAA;AAAA;QAEhCC,YA+BS,mBAAA;AAAA,UA/BD,QAAO;AAAA,UAAa,OAAM;AAAA;2BAChC,MA6BM;AAAA,YA7BNC,mBA6BM,OA7BN,YA6BM;AAAA,cA5BJD,YA2BY,sBA3BZE,WA2BY;AAAA,gBA1BT,MAAM,OAAM,OAAC;AAAA,gBACd,YAAS;AAAA,iBACD,EAA2D,OAAA,aAAA,YAAA,SAAA,WAAA,OAAA;AAAA,gBACnE,KAAI;AAAA,gBACH,kBAAgB,EAAgB,MAAA,OAAA;AAAA,gBACjC,QAAO;AAAA,gBACN,OAAG,OAAA,CAAA,MAAA,OAAA,CAAA,IAAE,SAAO,SAAA,iBAAiB,KAAK,OAAM,OAAC,UAAU;AAAA,gBACnD,OAAK,SAAgB;AAAA,gBACrB,UAAQ,KAAqB;AAAA,gBAC7B,MAAM,KAAkB;AAAA;gBAEd,MACTC,QAAA,CAYM,EAboB,SAAA,kBAAkB,YAAK;AAAA,kBACjDF,mBAYM,OAAA;AAAA,oBAZD,OAAM;AAAA,oBAAyB,OAAgBG,eAAA,EAAA,OAAA,UAAU,QAAQ,YAAW,CAAA;AAAA;kCAC/ER,YAUES,wBATK,UAAU,OAAI,SAAA,GAAA;AAAA,sBAClB,OAAO;AAAA,sBACP,UAAU,OAAQ;AAAA,sBAClB,KAAK,UAAU;AAAA,sBACf,eAAa,OAAM,OAAC;AAAA,sBACpB,wBAAsB;AAAA,sBACtB,iBAAe,OAAM;AAAA,sBACrB,gBAAc;AAAA,sBACd,sBAAoB;AAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"sub-form-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/sub-form-widget.vue"],"sourcesContent":["<template>\n  <container-wrapper\n    :designer=\"designer\"\n    :widget=\"widget\"\n    :parent-widget=\"parentWidget\"\n    :parent-list=\"parentList\"\n    :index-of-parent-list=\"indexOfParentList\"\n  >\n    <div\n      :key=\"widget.id\"\n      class=\"sub-form-container\"\n      :class=\"{ selected: selected }\"\n      @click.stop=\"selectWidget(widget)\"\n    >\n      <a-form layout=\"horizontal\" class=\"tpf-form\">\n        <div class=\"sub-form-table\">\n          <draggable\n            :list=\"widget.widgetList\"\n            item-key=\"id\"\n            v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n            tag=\"transition-group\"\n            :component-data=\"{ name: 'fade' }\"\n            handle=\".drag-handler\"\n            @add=\"evt => onSubFormDragAdd(evt, widget.widgetList)\"\n            @end=\"onSubFormDragEnd\"\n            @update=\"onContainerDragUpdate\"\n            :move=\"checkContainerMove\"\n          >\n            <template #item=\"{ element: subWidget, index: swIdx }\">\n              <div class=\"sub-form-table-column\" :style=\"{ width: subWidget.options.columnWidth }\">\n                <component\n                  :is=\"subWidget.type + '-widget'\"\n                  :field=\"subWidget\"\n                  :designer=\"designer\"\n                  :key=\"subWidget.id\"\n                  :parent-list=\"widget.widgetList\"\n                  :index-of-parent-list=\"swIdx\"\n                  :parent-widget=\"widget\"\n                  :design-state=\"true\"\n                  :sub-form-item-flag=\"true\"\n                />\n              </div>\n            </template>\n          </draggable>\n        </div>\n      </a-form>\n    </div>\n  </container-wrapper>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n  import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n  import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n  import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n  import refMixinDesign from '@/components/form-designer/refMixinDesign';\n  import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n  export default {\n    name: 'sub-form-widget',\n    componentName: 'ContainerWidget',\n    mixins: [i18n, containerMixin, refMixinDesign],\n    inject: ['refList'],\n    components: {\n      Draggable,\n      ContainerWrapper,\n      ...FieldComponents\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n      designer: Object\n    },\n    provide() {\n      return {\n        getSubFormFieldFlag: () => true,\n        getSubFormName: () => this.widget.options.name\n      };\n    },\n    computed: {\n      selected() {\n        return this.widget.id === this.designer.selectedId;\n      },\n\n      customClass() {\n        return this.widget.options.customClass || '';\n      }\n    },\n    watch: {\n      //\n    },\n    created() {\n      this.initRefList();\n    },\n    mounted() {\n      //\n    },\n    methods: {\n      onSubFormDragAdd(evt, subList) {\n        const newIndex = evt.newIndex;\n        if (!!subList[newIndex]) {\n          this.designer.setSelected(subList[newIndex]);\n        }\n\n        this.designer.emitHistoryChange();\n        console.log('test', 'onSubFormDragAdd');\n        this.designer.emitEvent('field-selected', this.widget);\n      },\n\n      onSubFormDragEnd(evt) {\n        console.log('sub form drag end: ', evt);\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .sub-form-container {\n    //width: 100%;\n    padding: 8px;\n    border: 1px dashed #336699;\n\n    :deep(.sub-form-table) {\n      min-height: 68px;\n\n      div.sub-form-table-column {\n        display: inline-block;\n        //width: 200px;\n      }\n    }\n\n    :deep(.ghost) {\n      content: '';\n      font-size: 0;\n      //height: 3px;\n      height: 74px;\n      width: 1px;\n      box-sizing: border-box;\n      display: inline-block;\n      background: $--color-primary;\n      border: 2px solid $--color-primary;\n      outline-width: 0;\n      padding: 0;\n      margin: 0;\n      overflow: hidden;\n    }\n  }\n\n  .sub-form-container.selected {\n    outline: 2px solid $--color-primary !important;\n  }\n</style>\n"],"names":["Draggable","FieldComponents","_createBlock","_withCtx","_createElementBlock","_normalizeClass","_withModifiers","_createVNode","_createElementVNode","_mergeProps","_normalizeStyle","_openBlock","_resolveDynamicComponent"],"mappings":"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"}

package/src/components/form-designer/form-widget/container-widget/tab-widget.vue.js

@@ -127,7 +127,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 default: withCtx(() => [
                   createVNode(_component_draggable, mergeProps({
                     list: tab.widgetList,
-                    "item-key": "id"
+                    "item-key": "id",
+                    ref_for: true
                   }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
                     handle: ".drag-handler",
                     tag: "transition-group",

package/src/components/form-designer/form-widget/container-widget/tab-widget.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/tab-widget.vue"],"sourcesContent":["<template>\n  <container-wrapper\n    :designer=\"designer\"\n    :widget=\"widget\"\n    :parent-widget=\"parentWidget\"\n    :parent-list=\"parentList\"\n    :index-of-parent-list=\"indexOfParentList\"\n  >\n    <div\n      :key=\"widget.id\"\n      class=\"tab-container\"\n      :class=\"{ selected: selected }\"\n      @click.stop=\"selectWidget(widget)\"\n    >\n      <a-tabs\n        :type=\"widget.options.type\"\n        :tabBarGutter=\"widget.options.tabBarGutter\"\n        :tabPosition=\"widget.options.tabPosition\"\n        v-model:activeKey=\"widget.options.activeTab\"\n        @tab-click=\"onTabClick\"\n      >\n        <a-tab-pane\n          v-for=\"tab in widget.tabs\"\n          :tab=\"tab.options.label\"\n          :key=\"tab.options.label\"\n          @click.stop=\"selectWidget(widget)\"\n        >\n          <draggable\n            :list=\"tab.widgetList\"\n            item-key=\"id\"\n            v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n            handle=\".drag-handler\"\n            tag=\"transition-group\"\n            :component-data=\"{ name: 'fade' }\"\n            @add=\"evt => onContainerDragAdd(evt, tab.widgetList)\"\n            @update=\"onContainerDragUpdate\"\n            :move=\"checkContainerMove\"\n          >\n            <template #item=\"{ element: subWidget, index: swIdx }\">\n              <div class=\"form-widget-list\">\n                <template v-if=\"'container' === subWidget.category\">\n                  <component\n                    :is=\"subWidget.type + '-widget'\"\n                    :widget=\"subWidget\"\n                    :designer=\"designer\"\n                    :key=\"subWidget.id\"\n                    :parent-list=\"tab.widgetList\"\n                    :index-of-parent-list=\"swIdx\"\n                    :parent-widget=\"widget\"\n                  />\n                </template>\n                <template v-else>\n                  <component\n                    :is=\"subWidget.type + '-widget'\"\n                    :field=\"subWidget\"\n                    :designer=\"designer\"\n                    :key=\"subWidget.id\"\n                    :parent-list=\"tab.widgetList\"\n                    :index-of-parent-list=\"swIdx\"\n                    :parent-widget=\"widget\"\n                    :design-state=\"true\"\n                  />\n                </template>\n              </div>\n            </template>\n          </draggable>\n        </a-tab-pane>\n      </a-tabs>\n    </div>\n  </container-wrapper>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n  import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n  import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n  import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n  import refMixinDesign from '@/components/form-designer/refMixinDesign';\n  import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n  export default {\n    name: 'tab-widget',\n    componentName: 'ContainerWidget',\n    mixins: [i18n, containerMixin, refMixinDesign],\n    inject: ['refList'],\n    components: {\n      Draggable,\n      ContainerWrapper,\n      ...FieldComponents\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n      designer: Object,\n      designState: {\n        type: Boolean,\n        default: false\n      }\n    },\n    data() {\n      return {\n        //\n      };\n    },\n    computed: {\n      selected() {\n        return this.widget.id === this.designer.selectedId;\n      },\n\n      customClass() {\n        return this.widget.options.customClass || '';\n      }\n    },\n    watch: {\n      //\n    },\n    created() {\n      this.initRefList();\n      this.handleOnCreated();\n    },\n    mounted() {\n      //\n      this.handleOnMounted();\n    },\n    methods: {\n      handleOnCreated() {\n        if (!!this.widget.options.onCreated) {\n          const customFunc = new Function(this.widget.options.onCreated);\n          customFunc.call(this);\n        }\n      },\n      handleOnMounted() {\n        if (!!this.designState) {\n          //设计状态不触发事件\n          return;\n        }\n        if (!!this.widget.options.onMounted) {\n          const mountFunc = new Function(this.widget.options.onMounted);\n          mountFunc.call(this);\n        }\n      },\n      changeCurrentTab(inx) {\n        const str = this.widget.tabs[inx]?.options?.label || '';\n        this.onTabClick(str);\n        this.widget.options.activeTab = str;\n      },\n      onTabClick(evt) {\n        const index = this.widget.tabs.findIndex(item => item.options.label === evt);\n        const paneName = evt;\n        this.widget.tabs.forEach(tp => {\n          tp.options.active = tp.options.name === paneName;\n        });\n        if (!!this.designState) {\n          //设计状态不触发事件\n          return;\n        }\n        const onTabClick = this.widget.options.onTabClick;\n        if (onTabClick) {\n          const onTabClickFn = new Function('tab', 'index', onTabClick);\n          onTabClickFn.call(this, paneName, index);\n        }\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .tab-container {\n    margin: 2px;\n\n    .form-widget-list {\n      min-height: 28px;\n    }\n    :deep(.ant-tabs) {\n      &.ant-tabs-bottom .ant-tabs-nav-wrap,\n      &.ant-tabs-top .ant-tabs-nav-wrap {\n        padding-left: 46px;\n      }\n      .ant-tabs-content {\n        min-height: 100px;\n      }\n    }\n  }\n\n  .tab-container.selected {\n    outline: 2px solid $--color-primary !important;\n  }\n</style>\n"],"names":["Draggable","FieldComponents","_createBlock","_createElementBlock","_normalizeClass","_withModifiers","_createVNode","_openBlock","_Fragment","_renderList","_mergeProps","_withCtx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"tab-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/tab-widget.vue"],"sourcesContent":["<template>\n  <container-wrapper\n    :designer=\"designer\"\n    :widget=\"widget\"\n    :parent-widget=\"parentWidget\"\n    :parent-list=\"parentList\"\n    :index-of-parent-list=\"indexOfParentList\"\n  >\n    <div\n      :key=\"widget.id\"\n      class=\"tab-container\"\n      :class=\"{ selected: selected }\"\n      @click.stop=\"selectWidget(widget)\"\n    >\n      <a-tabs\n        :type=\"widget.options.type\"\n        :tabBarGutter=\"widget.options.tabBarGutter\"\n        :tabPosition=\"widget.options.tabPosition\"\n        v-model:activeKey=\"widget.options.activeTab\"\n        @tab-click=\"onTabClick\"\n      >\n        <a-tab-pane\n          v-for=\"tab in widget.tabs\"\n          :tab=\"tab.options.label\"\n          :key=\"tab.options.label\"\n          @click.stop=\"selectWidget(widget)\"\n        >\n          <draggable\n            :list=\"tab.widgetList\"\n            item-key=\"id\"\n            v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n            handle=\".drag-handler\"\n            tag=\"transition-group\"\n            :component-data=\"{ name: 'fade' }\"\n            @add=\"evt => onContainerDragAdd(evt, tab.widgetList)\"\n            @update=\"onContainerDragUpdate\"\n            :move=\"checkContainerMove\"\n          >\n            <template #item=\"{ element: subWidget, index: swIdx }\">\n              <div class=\"form-widget-list\">\n                <template v-if=\"'container' === subWidget.category\">\n                  <component\n                    :is=\"subWidget.type + '-widget'\"\n                    :widget=\"subWidget\"\n                    :designer=\"designer\"\n                    :key=\"subWidget.id\"\n                    :parent-list=\"tab.widgetList\"\n                    :index-of-parent-list=\"swIdx\"\n                    :parent-widget=\"widget\"\n                  />\n                </template>\n                <template v-else>\n                  <component\n                    :is=\"subWidget.type + '-widget'\"\n                    :field=\"subWidget\"\n                    :designer=\"designer\"\n                    :key=\"subWidget.id\"\n                    :parent-list=\"tab.widgetList\"\n                    :index-of-parent-list=\"swIdx\"\n                    :parent-widget=\"widget\"\n                    :design-state=\"true\"\n                  />\n                </template>\n              </div>\n            </template>\n          </draggable>\n        </a-tab-pane>\n      </a-tabs>\n    </div>\n  </container-wrapper>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n  import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n  import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n  import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n  import refMixinDesign from '@/components/form-designer/refMixinDesign';\n  import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n  export default {\n    name: 'tab-widget',\n    componentName: 'ContainerWidget',\n    mixins: [i18n, containerMixin, refMixinDesign],\n    inject: ['refList'],\n    components: {\n      Draggable,\n      ContainerWrapper,\n      ...FieldComponents\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n      designer: Object,\n      designState: {\n        type: Boolean,\n        default: false\n      }\n    },\n    data() {\n      return {\n        //\n      };\n    },\n    computed: {\n      selected() {\n        return this.widget.id === this.designer.selectedId;\n      },\n\n      customClass() {\n        return this.widget.options.customClass || '';\n      }\n    },\n    watch: {\n      //\n    },\n    created() {\n      this.initRefList();\n      this.handleOnCreated();\n    },\n    mounted() {\n      //\n      this.handleOnMounted();\n    },\n    methods: {\n      handleOnCreated() {\n        if (!!this.widget.options.onCreated) {\n          const customFunc = new Function(this.widget.options.onCreated);\n          customFunc.call(this);\n        }\n      },\n      handleOnMounted() {\n        if (!!this.designState) {\n          //设计状态不触发事件\n          return;\n        }\n        if (!!this.widget.options.onMounted) {\n          const mountFunc = new Function(this.widget.options.onMounted);\n          mountFunc.call(this);\n        }\n      },\n      changeCurrentTab(inx) {\n        const str = this.widget.tabs[inx]?.options?.label || '';\n        this.onTabClick(str);\n        this.widget.options.activeTab = str;\n      },\n      onTabClick(evt) {\n        const index = this.widget.tabs.findIndex(item => item.options.label === evt);\n        const paneName = evt;\n        this.widget.tabs.forEach(tp => {\n          tp.options.active = tp.options.name === paneName;\n        });\n        if (!!this.designState) {\n          //设计状态不触发事件\n          return;\n        }\n        const onTabClick = this.widget.options.onTabClick;\n        if (onTabClick) {\n          const onTabClickFn = new Function('tab', 'index', onTabClick);\n          onTabClickFn.call(this, paneName, index);\n        }\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .tab-container {\n    margin: 2px;\n\n    .form-widget-list {\n      min-height: 28px;\n    }\n    :deep(.ant-tabs) {\n      &.ant-tabs-bottom .ant-tabs-nav-wrap,\n      &.ant-tabs-top .ant-tabs-nav-wrap {\n        padding-left: 46px;\n      }\n      .ant-tabs-content {\n        min-height: 100px;\n      }\n    }\n  }\n\n  .tab-container.selected {\n    outline: 2px solid $--color-primary !important;\n  }\n</style>\n"],"names":["Draggable","FieldComponents","_createBlock","_withCtx","_createElementBlock","_normalizeClass","_withModifiers","_createVNode","_openBlock","_Fragment","_renderList","_mergeProps","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}

package/src/components/form-designer/form-widget/container-widget/table-cell-widget.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-cell-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/table-cell-widget.vue"],"sourcesContent":["<template>\n  <td\n    class=\"table-cell\"\n    :class=\"[selected ? 'selected' : '', customClass]\"\n    :style=\"{\n      width: widget.options.cellWidth + '!important' || '',\n      height: widget.options.cellHeight + '!important' || ''\n    }\"\n    :colspan=\"widget.options.colspan || 1\"\n    :rowspan=\"widget.options.rowspan || 1\"\n    @click.stop=\"selectWidget(widget)\"\n  >\n    <draggable\n      :list=\"widget.widgetList\"\n      item-key=\"id\"\n      v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n      tag=\"transition-group\"\n      :component-data=\"{ name: 'fade' }\"\n      handle=\".drag-handler\"\n      @end=\"evt => onTableDragEnd(evt, widget.widgetList)\"\n      @add=\"evt => onTableDragAdd(evt, widget.widgetList)\"\n      @update=\"onTableDragUpdate\"\n      :move=\"checkContainerMove\"\n    >\n      <template #item=\"{ element: subWidget, index: swIdx }\">\n        <div class=\"form-widget-list\">\n          <template v-if=\"'container' === subWidget.category\">\n            <component\n              :is=\"subWidget.type + '-widget'\"\n              :widget=\"subWidget\"\n              :designer=\"designer\"\n              :key=\"subWidget.id\"\n              :parent-list=\"widget.widgetList\"\n              :index-of-parent-list=\"swIdx\"\n              :parent-widget=\"widget\"\n            />\n          </template>\n          <template v-else>\n            <component\n              :is=\"subWidget.type + '-widget'\"\n              :field=\"subWidget\"\n              :designer=\"designer\"\n              :key=\"subWidget.id\"\n              :parent-list=\"widget.widgetList\"\n              :index-of-parent-list=\"swIdx\"\n              :parent-widget=\"widget\"\n              :design-state=\"true\"\n            />\n          </template>\n        </div>\n      </template>\n    </draggable>\n\n    <div\n      class=\"table-cell-action\"\n      v-if=\"designer.selectedId === widget.id && widget.type === 'table-cell'\"\n    >\n      <i :title=\"i18nt('designer.hint.selectParentWidget')\" @click.stop=\"selectParentWidget()\">\n        <svg-icon icon-class=\"el-back\" />\n      </i>\n      <a-dropdown trigger=\"click\" @command=\"handleTableCellCommand\" size=\"small\">\n        <i :title=\"i18nt('designer.hint.cellSetting')\"><svg-icon icon-class=\"el-menu\" /></i>\n        <template #overlay>\n          <a-menu @click=\"handleTableCellCommand\">\n            <a-menu-item key=\"insertLeftCol\">\n              {{ i18nt('designer.setting.insertColumnToLeft') }}\n            </a-menu-item>\n            <a-menu-item key=\"insertRightCol\">\n              {{ i18nt('designer.setting.insertColumnToRight') }}\n            </a-menu-item>\n            <a-menu-item key=\"insertAboveRow\">\n              {{ i18nt('designer.setting.insertRowAbove') }}\n            </a-menu-item>\n            <a-menu-item key=\"insertBelowRow\">\n              {{ i18nt('designer.setting.insertRowBelow') }}\n            </a-menu-item>\n            <a-menu-item key=\"mergeLeftCol\" :disabled=\"mergeLeftColDisabled\" divided>\n              {{ i18nt('designer.setting.mergeLeftColumn') }}\n            </a-menu-item>\n            <a-menu-item key=\"mergeRightCol\" :disabled=\"mergeRightColDisabled\">\n              {{ i18nt('designer.setting.mergeRightColumn') }}\n            </a-menu-item>\n            <a-menu-item key=\"mergeWholeRow\" :disabled=\"mergeWholeRowDisabled\">\n              {{ i18nt('designer.setting.mergeEntireRow') }}\n            </a-menu-item>\n            <a-menu-item key=\"mergeAboveRow\" :disabled=\"mergeAboveRowDisabled\" divided>\n              {{ i18nt('designer.setting.mergeRowAbove') }}\n            </a-menu-item>\n            <a-menu-item key=\"mergeBelowRow\" :disabled=\"mergeBelowRowDisabled\">\n              {{ i18nt('designer.setting.mergeRowBelow') }}\n            </a-menu-item>\n            <a-menu-item key=\"mergeWholeCol\" :disabled=\"mergeWholeColDisabled\">\n              {{ i18nt('designer.setting.mergeEntireColumn') }}\n            </a-menu-item>\n            <a-menu-item key=\"undoMergeRow\" :disabled=\"undoMergeRowDisabled\" divided>\n              {{ i18nt('designer.setting.undoMergeRow') }}\n            </a-menu-item>\n            <a-menu-item key=\"undoMergeCol\" :disabled=\"undoMergeColDisabled\">\n              {{ i18nt('designer.setting.undoMergeCol') }}\n            </a-menu-item>\n            <a-menu-item key=\"deleteWholeCol\" :disabled=\"deleteWholeColDisabled\" divided>\n              {{ i18nt('designer.setting.deleteEntireCol') }}\n            </a-menu-item>\n            <a-menu-item key=\"deleteWholeRow\" :disabled=\"deleteWholeRowDisabled\">\n              {{ i18nt('designer.setting.deleteEntireRow') }}\n            </a-menu-item>\n          </a-menu>\n        </template>\n      </a-dropdown>\n    </div>\n\n    <div\n      class=\"table-cell-handler\"\n      v-if=\"designer.selectedId === widget.id && widget.type === 'table-cell'\"\n    >\n      <i>{{ i18nt('designer.widgetLabel.' + widget.type) }}</i>\n    </div>\n  </td>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n  import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n  import SvgIcon from '@/components/svg-icon';\n  import refMixinDesign from '@/components/form-designer/refMixinDesign';\n  import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n  export default {\n    name: 'TableCellWidget',\n    componentName: 'TableCellWidget',\n    mixins: [i18n, refMixinDesign],\n    inject: ['refList'],\n    components: {\n      Draggable,\n      ...FieldComponents,\n      SvgIcon\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n\n      rowIndex: Number,\n      colIndex: Number,\n      rowLength: Number,\n      colLength: Number,\n      colArray: Array,\n      rowArray: Array,\n\n      designer: Object\n    },\n    computed: {\n      selected() {\n        return this.widget.id === this.designer.selectedId;\n      },\n\n      customClass() {\n        return this.widget.options.customClass || '';\n      },\n\n      mergeLeftColDisabled() {\n        return (\n          this.colIndex <= 0 ||\n          this.colArray[this.colIndex - 1].options.rowspan !== this.widget.options.rowspan\n        );\n      },\n\n      mergeRightColDisabled() {\n        const rightColIndex = this.colIndex + this.widget.options.colspan;\n        return (\n          this.colIndex >= this.colLength - 1 ||\n          rightColIndex > this.colLength - 1 ||\n          this.colArray[rightColIndex].options.rowspan !== this.widget.options.rowspan\n        );\n      },\n\n      mergeWholeRowDisabled() {\n        return this.colLength <= 1 || this.colLength === this.widget.options.colspan;\n      },\n\n      mergeAboveRowDisabled() {\n        return (\n          this.rowIndex <= 0 ||\n          this.rowArray[this.rowIndex - 1].cols[this.colIndex].options.colspan !==\n            this.widget.options.colspan\n        );\n\n        //return this.rowIndex <= 0\n        //return (this.rowIndex <= 0) || (this.widget.options.colspan !== this.rowArray) //TODO\n      },\n\n      mergeBelowRowDisabled() {\n        const belowRowIndex = this.rowIndex + this.widget.options.rowspan;\n        return (\n          this.rowIndex >= this.rowLength - 1 ||\n          belowRowIndex > this.rowLength - 1 ||\n          this.rowArray[belowRowIndex].cols[this.colIndex].options.colspan !==\n            this.widget.options.colspan\n        );\n      },\n\n      mergeWholeColDisabled() {\n        return this.rowLength <= 1 || this.rowLength === this.widget.options.rowspan;\n      },\n\n      undoMergeColDisabled() {\n        return this.widget.merged || this.widget.options.colspan <= 1;\n      },\n\n      undoMergeRowDisabled() {\n        return this.widget.merged || this.widget.options.rowspan <= 1;\n      },\n\n      deleteWholeColDisabled() {\n        //return this.colLength === 1\n        return this.colLength === 1 || this.widget.options.colspan === this.colLength;\n      },\n\n      deleteWholeRowDisabled() {\n        return this.rowLength === 1 || this.widget.options.rowspan === this.rowLength;\n      }\n    },\n    watch: {\n      //\n    },\n    created() {\n      this.initRefList();\n    },\n    methods: {\n      selectWidget(widget) {\n        this.designer.setSelected(widget);\n      },\n\n      checkContainerMove(evt) {\n        return this.designer.checkWidgetMove(evt);\n      },\n\n      onTableDragEnd(obj, subList) {\n        //\n      },\n\n      onTableDragAdd(evt, subList) {\n        //重复代码，可合并\n        const newIndex = evt.newIndex;\n        if (!!subList[newIndex]) {\n          this.designer.setSelected(subList[newIndex]);\n        }\n\n        this.designer.emitHistoryChange();\n        this.designer.emitEvent('field-selected', this.widget);\n      },\n\n      onTableDragUpdate() {\n        this.designer.emitHistoryChange();\n      },\n\n      selectParentWidget() {\n        if (this.parentWidget) {\n          this.designer.setSelected(this.parentWidget);\n        } else {\n          this.designer.clearSelected();\n        }\n      },\n\n      handleTableCellCommand(command) {\n        if (command === 'insertLeftCol') {\n          this.insertLeftCol();\n        } else if (command === 'insertRightCol') {\n          this.insertRightCol();\n        } else if (command === 'insertAboveRow') {\n          this.insertAboveRow();\n        } else if (command === 'insertBelowRow') {\n          this.insertBelowRow();\n        } else if (command === 'mergeLeftCol') {\n          this.mergeLeftCol();\n        } else if (command === 'mergeRightCol') {\n          this.mergeRightCol();\n        } else if (command === 'mergeWholeCol') {\n          this.mergeWholeCol();\n        } else if (command === 'mergeAboveRow') {\n          this.mergeAboveRow();\n        } else if (command === 'mergeBelowRow') {\n          this.mergeBelowRow();\n        } else if (command === 'mergeWholeRow') {\n          this.mergeWholeRow();\n        } else if (command === 'undoMergeCol') {\n          this.undoMergeCol();\n        } else if (command === 'undoMergeRow') {\n          this.undoMergeRow();\n        } else if (command === 'deleteWholeCol') {\n          this.deleteWholeCol();\n        } else if (command === 'deleteWholeRow') {\n          this.deleteWholeRow();\n        }\n      },\n\n      insertLeftCol() {\n        this.designer.insertTableCol(this.parentWidget, this.colIndex, this.rowIndex, true);\n      },\n\n      insertRightCol() {\n        this.designer.insertTableCol(this.parentWidget, this.colIndex, this.rowIndex, false);\n      },\n\n      insertAboveRow() {\n        this.designer.insertTableRow(\n          this.parentWidget,\n          this.rowIndex,\n          this.rowIndex,\n          this.colIndex,\n          true\n        );\n      },\n\n      insertBelowRow() {\n        this.designer.insertTableRow(\n          this.parentWidget,\n          this.rowIndex,\n          this.rowIndex,\n          this.colIndex,\n          false\n        );\n      },\n\n      mergeLeftCol() {\n        this.designer.mergeTableCol(\n          this.rowArray,\n          this.colArray,\n          this.rowIndex,\n          this.colIndex,\n          true,\n          this.widget\n        );\n      },\n\n      mergeRightCol() {\n        this.designer.mergeTableCol(\n          this.rowArray,\n          this.colArray,\n          this.rowIndex,\n          this.colIndex,\n          false,\n          this.widget\n        );\n      },\n\n      mergeWholeRow() {\n        this.designer.mergeTableWholeRow(\n          this.rowArray,\n          this.colArray,\n          this.rowIndex,\n          this.colIndex\n        );\n      },\n\n      mergeAboveRow() {\n        this.designer.mergeTableRow(this.rowArray, this.rowIndex, this.colIndex, true, this.widget);\n      },\n\n      mergeBelowRow() {\n        this.designer.mergeTableRow(\n          this.rowArray,\n          this.rowIndex,\n          this.colIndex,\n          false,\n          this.widget\n        );\n      },\n\n      mergeWholeCol() {\n        this.designer.mergeTableWholeCol(\n          this.rowArray,\n          this.colArray,\n          this.rowIndex,\n          this.colIndex\n        );\n      },\n\n      undoMergeCol() {\n        this.designer.undoMergeTableCol(\n          this.rowArray,\n          this.rowIndex,\n          this.colIndex,\n          this.widget.options.colspan,\n          this.widget.options.rowspan\n        );\n      },\n\n      undoMergeRow() {\n        this.designer.undoMergeTableRow(\n          this.rowArray,\n          this.rowIndex,\n          this.colIndex,\n          this.widget.options.colspan,\n          this.widget.options.rowspan\n        );\n      },\n\n      deleteWholeCol() {\n        this.designer.deleteTableWholeCol(this.rowArray, this.colIndex);\n      },\n\n      deleteWholeRow() {\n        this.designer.deleteTableWholeRow(this.rowArray, this.rowIndex);\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .table-cell {\n    //padding: 3px;\n    border: 1px dashed #336699;\n    display: table-cell;\n    position: relative;\n\n    .draggable-div {\n      position: relative;\n      height: 100%;\n    }\n\n    .form-widget-list {\n      border: 1px dashed #336699;\n      margin: 3px;\n      min-height: 28px;\n      //height: 100%;\n    }\n\n    .table-cell-action {\n      position: absolute;\n      //bottom: -30px;\n      bottom: 0;\n      right: -2px;\n      height: 28px;\n      line-height: 28px;\n      background: $--color-primary;\n      z-index: 999;\n\n      display: flex;\n      align-items: center;\n\n      i {\n        font-size: 14px;\n        color: #fff;\n        margin: 0 5px;\n        cursor: pointer;\n      }\n    }\n\n    .table-cell-handler {\n      position: absolute;\n      top: -2px;\n      //bottom: -24px;  /* 拖拽手柄位于组件下方，有时无法正常拖动，原因未明？？ */\n      left: -2px;\n      height: 22px;\n      line-height: 22px;\n      background: $--color-primary;\n      z-index: 9;\n\n      i {\n        font-size: 14px;\n        font-style: normal;\n        color: #fff;\n        margin: 4px;\n        cursor: default; //cursor: move;\n      }\n    }\n  }\n\n  .table-cell-action,\n  .table-cell-handler {\n    :deep(.svg-icon) {\n      margin-left: 0.1em;\n      margin-right: 0.1em;\n    }\n  }\n\n  .table-cell.selected {\n    outline: 2px solid $--color-primary !important;\n  }\n</style>\n"],"names":["Draggable","FieldComponents","_createElementBlock","_normalizeClass","_normalizeStyle","_withModifiers","_createVNode","_mergeProps","_withCtx","_createElementVNode","_createBlock","_resolveDynamicComponent","_openBlock","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"table-cell-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/table-cell-widget.vue"],"sourcesContent":["<template>\n  <td\n    class=\"table-cell\"\n    :class=\"[selected ? 'selected' : '', customClass]\"\n    :style=\"{\n      width: widget.options.cellWidth + '!important' || '',\n      height: widget.options.cellHeight + '!important' || ''\n    }\"\n    :colspan=\"widget.options.colspan || 1\"\n    :rowspan=\"widget.options.rowspan || 1\"\n    @click.stop=\"selectWidget(widget)\"\n  >\n    <draggable\n      :list=\"widget.widgetList\"\n      item-key=\"id\"\n      v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n      tag=\"transition-group\"\n      :component-data=\"{ name: 'fade' }\"\n      handle=\".drag-handler\"\n      @end=\"evt => onTableDragEnd(evt, widget.widgetList)\"\n      @add=\"evt => onTableDragAdd(evt, widget.widgetList)\"\n      @update=\"onTableDragUpdate\"\n      :move=\"checkContainerMove\"\n    >\n      <template #item=\"{ element: subWidget, index: swIdx }\">\n        <div class=\"form-widget-list\">\n          <template v-if=\"'container' === subWidget.category\">\n            <component\n              :is=\"subWidget.type + '-widget'\"\n              :widget=\"subWidget\"\n              :designer=\"designer\"\n              :key=\"subWidget.id\"\n              :parent-list=\"widget.widgetList\"\n              :index-of-parent-list=\"swIdx\"\n              :parent-widget=\"widget\"\n            />\n          </template>\n          <template v-else>\n            <component\n              :is=\"subWidget.type + '-widget'\"\n              :field=\"subWidget\"\n              :designer=\"designer\"\n              :key=\"subWidget.id\"\n              :parent-list=\"widget.widgetList\"\n              :index-of-parent-list=\"swIdx\"\n              :parent-widget=\"widget\"\n              :design-state=\"true\"\n            />\n          </template>\n        </div>\n      </template>\n    </draggable>\n\n    <div\n      class=\"table-cell-action\"\n      v-if=\"designer.selectedId === widget.id && widget.type === 'table-cell'\"\n    >\n      <i :title=\"i18nt('designer.hint.selectParentWidget')\" @click.stop=\"selectParentWidget()\">\n        <svg-icon icon-class=\"el-back\" />\n      </i>\n      <a-dropdown trigger=\"click\" @command=\"handleTableCellCommand\" size=\"small\">\n        <i :title=\"i18nt('designer.hint.cellSetting')\"><svg-icon icon-class=\"el-menu\" /></i>\n        <template #overlay>\n          <a-menu @click=\"handleTableCellCommand\">\n            <a-menu-item key=\"insertLeftCol\">\n              {{ i18nt('designer.setting.insertColumnToLeft') }}\n            </a-menu-item>\n            <a-menu-item key=\"insertRightCol\">\n              {{ i18nt('designer.setting.insertColumnToRight') }}\n            </a-menu-item>\n            <a-menu-item key=\"insertAboveRow\">\n              {{ i18nt('designer.setting.insertRowAbove') }}\n            </a-menu-item>\n            <a-menu-item key=\"insertBelowRow\">\n              {{ i18nt('designer.setting.insertRowBelow') }}\n            </a-menu-item>\n            <a-menu-item key=\"mergeLeftCol\" :disabled=\"mergeLeftColDisabled\" divided>\n              {{ i18nt('designer.setting.mergeLeftColumn') }}\n            </a-menu-item>\n            <a-menu-item key=\"mergeRightCol\" :disabled=\"mergeRightColDisabled\">\n              {{ i18nt('designer.setting.mergeRightColumn') }}\n            </a-menu-item>\n            <a-menu-item key=\"mergeWholeRow\" :disabled=\"mergeWholeRowDisabled\">\n              {{ i18nt('designer.setting.mergeEntireRow') }}\n            </a-menu-item>\n            <a-menu-item key=\"mergeAboveRow\" :disabled=\"mergeAboveRowDisabled\" divided>\n              {{ i18nt('designer.setting.mergeRowAbove') }}\n            </a-menu-item>\n            <a-menu-item key=\"mergeBelowRow\" :disabled=\"mergeBelowRowDisabled\">\n              {{ i18nt('designer.setting.mergeRowBelow') }}\n            </a-menu-item>\n            <a-menu-item key=\"mergeWholeCol\" :disabled=\"mergeWholeColDisabled\">\n              {{ i18nt('designer.setting.mergeEntireColumn') }}\n            </a-menu-item>\n            <a-menu-item key=\"undoMergeRow\" :disabled=\"undoMergeRowDisabled\" divided>\n              {{ i18nt('designer.setting.undoMergeRow') }}\n            </a-menu-item>\n            <a-menu-item key=\"undoMergeCol\" :disabled=\"undoMergeColDisabled\">\n              {{ i18nt('designer.setting.undoMergeCol') }}\n            </a-menu-item>\n            <a-menu-item key=\"deleteWholeCol\" :disabled=\"deleteWholeColDisabled\" divided>\n              {{ i18nt('designer.setting.deleteEntireCol') }}\n            </a-menu-item>\n            <a-menu-item key=\"deleteWholeRow\" :disabled=\"deleteWholeRowDisabled\">\n              {{ i18nt('designer.setting.deleteEntireRow') }}\n            </a-menu-item>\n          </a-menu>\n        </template>\n      </a-dropdown>\n    </div>\n\n    <div\n      class=\"table-cell-handler\"\n      v-if=\"designer.selectedId === widget.id && widget.type === 'table-cell'\"\n    >\n      <i>{{ i18nt('designer.widgetLabel.' + widget.type) }}</i>\n    </div>\n  </td>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n  import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n  import SvgIcon from '@/components/svg-icon';\n  import refMixinDesign from '@/components/form-designer/refMixinDesign';\n  import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n  export default {\n    name: 'TableCellWidget',\n    componentName: 'TableCellWidget',\n    mixins: [i18n, refMixinDesign],\n    inject: ['refList'],\n    components: {\n      Draggable,\n      ...FieldComponents,\n      SvgIcon\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n\n      rowIndex: Number,\n      colIndex: Number,\n      rowLength: Number,\n      colLength: Number,\n      colArray: Array,\n      rowArray: Array,\n\n      designer: Object\n    },\n    computed: {\n      selected() {\n        return this.widget.id === this.designer.selectedId;\n      },\n\n      customClass() {\n        return this.widget.options.customClass || '';\n      },\n\n      mergeLeftColDisabled() {\n        return (\n          this.colIndex <= 0 ||\n          this.colArray[this.colIndex - 1].options.rowspan !== this.widget.options.rowspan\n        );\n      },\n\n      mergeRightColDisabled() {\n        const rightColIndex = this.colIndex + this.widget.options.colspan;\n        return (\n          this.colIndex >= this.colLength - 1 ||\n          rightColIndex > this.colLength - 1 ||\n          this.colArray[rightColIndex].options.rowspan !== this.widget.options.rowspan\n        );\n      },\n\n      mergeWholeRowDisabled() {\n        return this.colLength <= 1 || this.colLength === this.widget.options.colspan;\n      },\n\n      mergeAboveRowDisabled() {\n        return (\n          this.rowIndex <= 0 ||\n          this.rowArray[this.rowIndex - 1].cols[this.colIndex].options.colspan !==\n            this.widget.options.colspan\n        );\n\n        //return this.rowIndex <= 0\n        //return (this.rowIndex <= 0) || (this.widget.options.colspan !== this.rowArray) //TODO\n      },\n\n      mergeBelowRowDisabled() {\n        const belowRowIndex = this.rowIndex + this.widget.options.rowspan;\n        return (\n          this.rowIndex >= this.rowLength - 1 ||\n          belowRowIndex > this.rowLength - 1 ||\n          this.rowArray[belowRowIndex].cols[this.colIndex].options.colspan !==\n            this.widget.options.colspan\n        );\n      },\n\n      mergeWholeColDisabled() {\n        return this.rowLength <= 1 || this.rowLength === this.widget.options.rowspan;\n      },\n\n      undoMergeColDisabled() {\n        return this.widget.merged || this.widget.options.colspan <= 1;\n      },\n\n      undoMergeRowDisabled() {\n        return this.widget.merged || this.widget.options.rowspan <= 1;\n      },\n\n      deleteWholeColDisabled() {\n        //return this.colLength === 1\n        return this.colLength === 1 || this.widget.options.colspan === this.colLength;\n      },\n\n      deleteWholeRowDisabled() {\n        return this.rowLength === 1 || this.widget.options.rowspan === this.rowLength;\n      }\n    },\n    watch: {\n      //\n    },\n    created() {\n      this.initRefList();\n    },\n    methods: {\n      selectWidget(widget) {\n        this.designer.setSelected(widget);\n      },\n\n      checkContainerMove(evt) {\n        return this.designer.checkWidgetMove(evt);\n      },\n\n      onTableDragEnd(obj, subList) {\n        //\n      },\n\n      onTableDragAdd(evt, subList) {\n        //重复代码，可合并\n        const newIndex = evt.newIndex;\n        if (!!subList[newIndex]) {\n          this.designer.setSelected(subList[newIndex]);\n        }\n\n        this.designer.emitHistoryChange();\n        this.designer.emitEvent('field-selected', this.widget);\n      },\n\n      onTableDragUpdate() {\n        this.designer.emitHistoryChange();\n      },\n\n      selectParentWidget() {\n        if (this.parentWidget) {\n          this.designer.setSelected(this.parentWidget);\n        } else {\n          this.designer.clearSelected();\n        }\n      },\n\n      handleTableCellCommand(command) {\n        if (command === 'insertLeftCol') {\n          this.insertLeftCol();\n        } else if (command === 'insertRightCol') {\n          this.insertRightCol();\n        } else if (command === 'insertAboveRow') {\n          this.insertAboveRow();\n        } else if (command === 'insertBelowRow') {\n          this.insertBelowRow();\n        } else if (command === 'mergeLeftCol') {\n          this.mergeLeftCol();\n        } else if (command === 'mergeRightCol') {\n          this.mergeRightCol();\n        } else if (command === 'mergeWholeCol') {\n          this.mergeWholeCol();\n        } else if (command === 'mergeAboveRow') {\n          this.mergeAboveRow();\n        } else if (command === 'mergeBelowRow') {\n          this.mergeBelowRow();\n        } else if (command === 'mergeWholeRow') {\n          this.mergeWholeRow();\n        } else if (command === 'undoMergeCol') {\n          this.undoMergeCol();\n        } else if (command === 'undoMergeRow') {\n          this.undoMergeRow();\n        } else if (command === 'deleteWholeCol') {\n          this.deleteWholeCol();\n        } else if (command === 'deleteWholeRow') {\n          this.deleteWholeRow();\n        }\n      },\n\n      insertLeftCol() {\n        this.designer.insertTableCol(this.parentWidget, this.colIndex, this.rowIndex, true);\n      },\n\n      insertRightCol() {\n        this.designer.insertTableCol(this.parentWidget, this.colIndex, this.rowIndex, false);\n      },\n\n      insertAboveRow() {\n        this.designer.insertTableRow(\n          this.parentWidget,\n          this.rowIndex,\n          this.rowIndex,\n          this.colIndex,\n          true\n        );\n      },\n\n      insertBelowRow() {\n        this.designer.insertTableRow(\n          this.parentWidget,\n          this.rowIndex,\n          this.rowIndex,\n          this.colIndex,\n          false\n        );\n      },\n\n      mergeLeftCol() {\n        this.designer.mergeTableCol(\n          this.rowArray,\n          this.colArray,\n          this.rowIndex,\n          this.colIndex,\n          true,\n          this.widget\n        );\n      },\n\n      mergeRightCol() {\n        this.designer.mergeTableCol(\n          this.rowArray,\n          this.colArray,\n          this.rowIndex,\n          this.colIndex,\n          false,\n          this.widget\n        );\n      },\n\n      mergeWholeRow() {\n        this.designer.mergeTableWholeRow(\n          this.rowArray,\n          this.colArray,\n          this.rowIndex,\n          this.colIndex\n        );\n      },\n\n      mergeAboveRow() {\n        this.designer.mergeTableRow(this.rowArray, this.rowIndex, this.colIndex, true, this.widget);\n      },\n\n      mergeBelowRow() {\n        this.designer.mergeTableRow(\n          this.rowArray,\n          this.rowIndex,\n          this.colIndex,\n          false,\n          this.widget\n        );\n      },\n\n      mergeWholeCol() {\n        this.designer.mergeTableWholeCol(\n          this.rowArray,\n          this.colArray,\n          this.rowIndex,\n          this.colIndex\n        );\n      },\n\n      undoMergeCol() {\n        this.designer.undoMergeTableCol(\n          this.rowArray,\n          this.rowIndex,\n          this.colIndex,\n          this.widget.options.colspan,\n          this.widget.options.rowspan\n        );\n      },\n\n      undoMergeRow() {\n        this.designer.undoMergeTableRow(\n          this.rowArray,\n          this.rowIndex,\n          this.colIndex,\n          this.widget.options.colspan,\n          this.widget.options.rowspan\n        );\n      },\n\n      deleteWholeCol() {\n        this.designer.deleteTableWholeCol(this.rowArray, this.colIndex);\n      },\n\n      deleteWholeRow() {\n        this.designer.deleteTableWholeRow(this.rowArray, this.rowIndex);\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .table-cell {\n    //padding: 3px;\n    border: 1px dashed #336699;\n    display: table-cell;\n    position: relative;\n\n    .draggable-div {\n      position: relative;\n      height: 100%;\n    }\n\n    .form-widget-list {\n      border: 1px dashed #336699;\n      margin: 3px;\n      min-height: 28px;\n      //height: 100%;\n    }\n\n    .table-cell-action {\n      position: absolute;\n      //bottom: -30px;\n      bottom: 0;\n      right: -2px;\n      height: 28px;\n      line-height: 28px;\n      background: $--color-primary;\n      z-index: 999;\n\n      display: flex;\n      align-items: center;\n\n      i {\n        font-size: 14px;\n        color: #fff;\n        margin: 0 5px;\n        cursor: pointer;\n      }\n    }\n\n    .table-cell-handler {\n      position: absolute;\n      top: -2px;\n      //bottom: -24px;  /* 拖拽手柄位于组件下方，有时无法正常拖动，原因未明？？ */\n      left: -2px;\n      height: 22px;\n      line-height: 22px;\n      background: $--color-primary;\n      z-index: 9;\n\n      i {\n        font-size: 14px;\n        font-style: normal;\n        color: #fff;\n        margin: 4px;\n        cursor: default; //cursor: move;\n      }\n    }\n  }\n\n  .table-cell-action,\n  .table-cell-handler {\n    :deep(.svg-icon) {\n      margin-left: 0.1em;\n      margin-right: 0.1em;\n    }\n  }\n\n  .table-cell.selected {\n    outline: 2px solid $--color-primary !important;\n  }\n</style>\n"],"names":["Draggable","FieldComponents","_createElementBlock","_normalizeClass","_normalizeStyle","_withModifiers","_createVNode","_mergeProps","_withCtx","_createElementVNode","_openBlock","_createBlock","_resolveDynamicComponent","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"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"}

package/src/components/form-designer/form-widget/container-widget/table-widget.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/table-widget.vue"],"sourcesContent":["<template>\n  <container-wrapper\n    :designer=\"designer\"\n    :widget=\"widget\"\n    :parent-widget=\"parentWidget\"\n    :parent-list=\"parentList\"\n    :index-of-parent-list=\"indexOfParentList\"\n  >\n    <div\n      :key=\"widget.id\"\n      class=\"table-container\"\n      :class=\"[selected ? 'selected' : '', customClass]\"\n      @click.stop=\"selectWidget(widget)\"\n    >\n      <table class=\"table-layout\">\n        <tbody>\n          <tr v-for=\"(row, rowIdx) in widget.rows\" :key=\"row.id\">\n            <template v-for=\"(colWidget, colIdx) in row.cols\">\n              <table-cell-widget\n                v-if=\"!colWidget.merged\"\n                :widget=\"colWidget\"\n                :designer=\"designer\"\n                :key=\"colWidget.id\"\n                :parent-list=\"widget.cols\"\n                :row-index=\"rowIdx\"\n                :row-length=\"widget.rows.length\"\n                :col-index=\"colIdx\"\n                :col-length=\"row.cols.length\"\n                :col-array=\"row.cols\"\n                :row-array=\"widget.rows\"\n                :parent-widget=\"widget\"\n              />\n            </template>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </container-wrapper>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n  import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n  import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n  import TableCellWidget from '@/components/form-designer/form-widget/container-widget/table-cell-widget';\n  import refMixinDesign from '@/components/form-designer/refMixinDesign';\n\n  export default {\n    name: 'table-widget',\n    componentName: 'ContainerWidget',\n    mixins: [i18n, containerMixin, refMixinDesign],\n    inject: ['refList'],\n    components: {\n      ContainerWrapper,\n      TableCellWidget\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n      designer: Object\n    },\n    computed: {\n      selected() {\n        return this.widget.id === this.designer.selectedId;\n      },\n\n      customClass() {\n        return this.widget.options.customClass || '';\n      }\n    },\n    watch: {\n      //\n    },\n    created() {\n      this.initRefList();\n    },\n    mounted() {\n      //\n    },\n    methods: {}\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  div.table-container {\n    padding: 5px;\n    border: 1px dashed #336699;\n    box-sizing: border-box;\n\n    table.table-layout {\n      width: 100%;\n      text-align: center;\n      //border: 1px solid #c8ebfb;\n      border-collapse: collapse;\n      table-layout: fixed;\n\n      :deep(td) {\n        height: 48px;\n        border: 1px dashed #336699;\n        padding: 3px;\n        display: table-cell;\n      }\n\n      .form-widget-list {\n        border: 1px dashed #336699;\n        min-height: 36px;\n      }\n    }\n  }\n\n  .table-container.selected {\n    outline: 2px solid $--color-primary !important;\n  }\n</style>\n"],"names":["_createBlock","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_openBlock","_Fragment"],"mappings":";;;;;;;;AA+CE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAAC,MAAM,gBAAgB,cAAc;AAAA,EAC7C,QAAQ,CAAC,SAAS;AAAA,EAClB,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EACD,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,EACX;AAAA,EACD,UAAU;AAAA,IACR,WAAW;AACT,aAAO,KAAK,OAAO,OAAO,KAAK,SAAS;AAAA,IACzC;AAAA,IAED,cAAc;AACZ,aAAO,KAAK,OAAO,QAAQ,eAAe;AAAA,IAC5C;AAAA,EACD;AAAA,EACD,OAAO;AAAA;AAAA,EAEN;AAAA,EACD,UAAU;AACR,SAAK,YAAa;AAAA,EACnB;AAAA,EACD,UAAU;AAAA,EAET;AAAA,EACD,SAAS,CAAA;AACV;AApEU,MAAA,aAAA,EAAA,OAAM,eAAc;;;;sBAb/BA,YAoCoB,8BAAA;AAAA,IAnCjB,UAAU,OAAQ;AAAA,IAClB,QAAQ,OAAM;AAAA,IACd,iBAAe,OAAY;AAAA,IAC3B,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAiB;AAAA;qBAExC,MA4BM;AAAA,oBA5BNC,mBA4BM,OAAA;AAAA,QA3BH,KAAK,OAAM,OAAC;AAAA,QACb,OAAMC,eAAA,CAAA,mBACG,CAAA,SAAA,4BAA4B,SAAW,WAAA,CAAA,CAAA;AAAA,QAC/C,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,cAAA,YAAO,KAAY,aAAC,OAAM,MAAA,GAAA,CAAA,MAAA,CAAA;AAAA;QAEhCC,mBAqBQ,SArBR,YAqBQ;AAAA,UApBNA,mBAmBQ,SAAA,MAAA;AAAA,aAlBNC,UAAA,IAAA,GAAAJ,mBAiBKK,2BAjBuB,OAAM,OAAC,MAAvB,CAAA,KAAK,WAAM;kCAAvBL,mBAiBK,MAAA;AAAA,gBAjBqC,KAAK,IAAI;AAAA;iBACjDI,UAAA,IAAA,GAAAJ,mBAeWK,2BAf6B,IAAI,MAA1B,CAAA,WAAW,WAAM;;oBAExB,CAAA,UAAU,uBADnBN,YAaE,8BAAA;AAAA,sBAXC,QAAQ;AAAA,sBACR,UAAU,OAAQ;AAAA,sBAClB,KAAK,UAAU;AAAA,sBACf,eAAa,OAAM,OAAC;AAAA,sBACpB,aAAW;AAAA,sBACX,cAAY,OAAA,OAAO,KAAK;AAAA,sBACxB,aAAW;AAAA,sBACX,cAAY,IAAI,KAAK;AAAA,sBACrB,aAAW,IAAI;AAAA,sBACf,aAAW,OAAM,OAAC;AAAA,sBAClB,iBAAe,OAAM;AAAA;;;;;;;;;;;;;"}
+{"version":3,"file":"table-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/table-widget.vue"],"sourcesContent":["<template>\n  <container-wrapper\n    :designer=\"designer\"\n    :widget=\"widget\"\n    :parent-widget=\"parentWidget\"\n    :parent-list=\"parentList\"\n    :index-of-parent-list=\"indexOfParentList\"\n  >\n    <div\n      :key=\"widget.id\"\n      class=\"table-container\"\n      :class=\"[selected ? 'selected' : '', customClass]\"\n      @click.stop=\"selectWidget(widget)\"\n    >\n      <table class=\"table-layout\">\n        <tbody>\n          <tr v-for=\"(row, rowIdx) in widget.rows\" :key=\"row.id\">\n            <template v-for=\"(colWidget, colIdx) in row.cols\">\n              <table-cell-widget\n                v-if=\"!colWidget.merged\"\n                :widget=\"colWidget\"\n                :designer=\"designer\"\n                :key=\"colWidget.id\"\n                :parent-list=\"widget.cols\"\n                :row-index=\"rowIdx\"\n                :row-length=\"widget.rows.length\"\n                :col-index=\"colIdx\"\n                :col-length=\"row.cols.length\"\n                :col-array=\"row.cols\"\n                :row-array=\"widget.rows\"\n                :parent-widget=\"widget\"\n              />\n            </template>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </container-wrapper>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n  import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n  import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n  import TableCellWidget from '@/components/form-designer/form-widget/container-widget/table-cell-widget';\n  import refMixinDesign from '@/components/form-designer/refMixinDesign';\n\n  export default {\n    name: 'table-widget',\n    componentName: 'ContainerWidget',\n    mixins: [i18n, containerMixin, refMixinDesign],\n    inject: ['refList'],\n    components: {\n      ContainerWrapper,\n      TableCellWidget\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n      designer: Object\n    },\n    computed: {\n      selected() {\n        return this.widget.id === this.designer.selectedId;\n      },\n\n      customClass() {\n        return this.widget.options.customClass || '';\n      }\n    },\n    watch: {\n      //\n    },\n    created() {\n      this.initRefList();\n    },\n    mounted() {\n      //\n    },\n    methods: {}\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  div.table-container {\n    padding: 5px;\n    border: 1px dashed #336699;\n    box-sizing: border-box;\n\n    table.table-layout {\n      width: 100%;\n      text-align: center;\n      //border: 1px solid #c8ebfb;\n      border-collapse: collapse;\n      table-layout: fixed;\n\n      :deep(td) {\n        height: 48px;\n        border: 1px dashed #336699;\n        padding: 3px;\n        display: table-cell;\n      }\n\n      .form-widget-list {\n        border: 1px dashed #336699;\n        min-height: 36px;\n      }\n    }\n  }\n\n  .table-container.selected {\n    outline: 2px solid $--color-primary !important;\n  }\n</style>\n"],"names":["_createBlock","_withCtx","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_Fragment","_renderList","_openBlock","_createCommentVNode"],"mappings":";;;;;;;;AA+CE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAAC,MAAM,gBAAgB,cAAc;AAAA,EAC7C,QAAQ,CAAC,SAAS;AAAA,EAClB,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EACD,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,EACX;AAAA,EACD,UAAU;AAAA,IACR,WAAW;AACT,aAAO,KAAK,OAAO,OAAO,KAAK,SAAS;AAAA,IACzC;AAAA,IAED,cAAc;AACZ,aAAO,KAAK,OAAO,QAAQ,eAAe;AAAA,IAC5C;AAAA,EACD;AAAA,EACD,OAAO;AAAA;AAAA,EAEN;AAAA,EACD,UAAU;AACR,SAAK,YAAa;AAAA,EACnB;AAAA,EACD,UAAU;AAAA,EAET;AAAA,EACD,SAAS,CAAA;AACV;AApEU,MAAA,aAAA,EAAA,OAAM,eAAc;;;;sBAb/BA,YAoCoB,8BAAA;AAAA,IAnCjB,UAAU,OAAQ;AAAA,IAClB,QAAQ,OAAM;AAAA,IACd,iBAAe,OAAY;AAAA,IAC3B,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAiB;AAAA;IAN5C,SAAAC,QAQI,MA4BM;AAAA,oBA5BNC,mBA4BM,OAAA;AAAA,QA3BH,KAAK,OAAM,OAAC;AAAA,QACb,OAVNC,eAUY,CAAA,mBACG,CAAA,SAAA,4BAA4B,SAAW,WAAA,CAAA,CAAA;AAAA,QAC/C,SAZP,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,cAAA,YAYmB,KAAY,aAAC,OAAM,MAAA,GAAA,CAAA,MAAA,CAAA;AAAA;QAEhCC,mBAqBQ,SArBR,YAqBQ;AAAA,UApBNA,mBAmBQ,SAAA,MAAA;AAAA,8BAlBNH,mBAiBKI,UAAA,MAjCfC,WAgBsC,OAAM,OAAC,MAhB7C,CAgBsB,KAAK,WAAM;kCAAvBL,mBAiBK,MAAA;AAAA,gBAjBqC,KAAK,IAAI;AAAA;kCACjDA,mBAeWI,UAAA,MAhCvBC,WAiBoD,IAAI,MAjBxD,CAiB8B,WAAW,WAAM;AAjB/C,yBAAAC,UAAA,GAAAN,mBAAAI,UAAA,MAAA;AAAA,oBAmBuB,CAAA,UAAU,uBADnBN,YAaE,8BAAA;AAAA,sBAXC,QAAQ;AAAA,sBACR,UAAU,OAAQ;AAAA,sBAClB,KAAK,UAAU;AAAA,sBACf,eAAa,OAAM,OAAC;AAAA,sBACpB,aAAW;AAAA,sBACX,cAAY,OAAA,OAAO,KAAK;AAAA,sBACxB,aAAW;AAAA,sBACX,cAAY,IAAI,KAAK;AAAA,sBACrB,aAAW,IAAI;AAAA,sBACf,aAAW,OAAM,OAAC;AAAA,sBAClB,iBAAe,OAAM;AAAA,2KA9BtCS,mBAAA,IAAA,IAAA;AAAA;;;;;;;;IAAA,GAAA;AAAA;;;"}

package/src/components/form-designer/form-widget/container-widget/vf-box-item.vue.js

@@ -1,6 +1,6 @@
 import ContainerItemWrapper from "../../../form-render/container-item/container-item-wrapper.vue.js";
 import emitter from "../../../../utils/emitter.js";
-import { defineAsyncComponent, resolveComponent, withDirectives, createBlock, openBlock, withCtx, createElementBlock, normalizeClass, createCommentVNode, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, normalizeProps, guardReactiveProps, vShow } from "vue";
+import { defineAsyncComponent, resolveComponent, withDirectives, createBlock, openBlock, withCtx, createElementBlock, normalizeClass, createCommentVNode, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, mergeProps, vShow } from "vue";
 import i18n from "../../../../utils/i18n.js";
 import comps from "../field-widget/index.js";
 import refMixin from "../../../form-render/refMixin.js";
@@ -152,7 +152,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)
                   ])
                 };
               })
@@ -168,7 +168,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-designer/form-widget/container-widget/vf-box-item.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"vf-box-item.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-box-item.vue"],"sourcesContent":["<template>\n  <container-item-wrapper v-show=\"!widget.options.hidden\" :widget=\"widget\">\n    <div class=\"box-container-item\" :class=\"[customClass]\" :key=\"widget.id\">\n      <VFormRender\n        v-if=\"widget.options.formCode\"\n        ref=\"dFormRef\"\n        :parent-form=\"parentFormRef\"\n        :disabled-mode=\"widget.options.disabledMode\"\n        :dynamic-creation=\"true\"\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            >\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    </div>\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 { defineAsyncComponent } from 'vue';\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 SvgIcon from '@/components/svg-icon/index.vue';\n\n  export default {\n    name: 'VfBoxItem',\n    componentName: 'boxItem', // 必须固定为ContainerItem，用于接收父级组件的broadcast事件\n    mixins: [emitter, i18n, refMixin, containerItemMixin],\n    components: {\n      ContainerItemWrapper,\n      SvgIcon,\n      ...FieldComponents,\n      VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue'))\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\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      formJson: {\n        type: Object\n      },\n      formData: {\n        type: Object,\n        default: () => ({})\n      },\n      optionData: {\n        //prop传入的选项数据\n        type: Object,\n        default: () => ({})\n      },\n      globalDsv: {\n        // 全局数据源变量\n        type: Object,\n        default: () => ({})\n      },\n      parentFormRef: {\n        type: Object,\n        default: null\n      },\n      extraData: {\n        type: Object,\n        default: () => ({})\n      },\n      wrapperId: {\n        type: String,\n        default: null\n      }\n    },\n    inject: ['refList', 'sfRefList', 'globalModel', 'getFormConfig', 'getGlobalDsv'],\n    data() {\n      return {};\n    },\n    computed: {\n      customClass() {\n        return this.widget.options.customClass || '';\n      },\n\n      formConfig() {\n        return this.getFormConfig();\n      }\n    },\n    created() {\n      this.initRefList();\n      this.handleOnCreated();\n    },\n    mounted() {\n      this.loadFormCode(this.widget.options.formCode);\n      this.$nextTick(() => {\n        this.handleOnMounted();\n      });\n    },\n    beforeUnmount() {\n      this.unregisterFromRefList();\n    },\n    methods: {\n      async loadFormCode(formCode) {\n        if (formCode) {\n          const res = await this.$http\n            .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n              params: { code: formCode }\n            })\n            .then(res => res.data.object.frontendDefinition || '{}');\n          this.$refs.dFormRef.setFormJson(JSON.parse(res));\n        }\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      getFormRef() {\n        return this.$refs.dFormRef;\n      }\n    }\n  };\n</script>\n\n<style lang=\"less\" scoped>\n  .box-container-item {\n    width: 100%;\n    min-height: 120px;\n    position: relative;\n  }\n\n  .box-container-item > div:first-child {\n    min-height: 58px;\n  }\n</style>\n"],"names":["FieldComponents","res","_createBlock","_createElementBlock","_normalizeClass","_openBlock","_Fragment","_resolveDynamicComponent","_renderList","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps"],"mappings":"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"}
+{"version":3,"file":"vf-box-item.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-box-item.vue"],"sourcesContent":["<template>\n  <container-item-wrapper v-show=\"!widget.options.hidden\" :widget=\"widget\">\n    <div class=\"box-container-item\" :class=\"[customClass]\" :key=\"widget.id\">\n      <VFormRender\n        v-if=\"widget.options.formCode\"\n        ref=\"dFormRef\"\n        :parent-form=\"parentFormRef\"\n        :disabled-mode=\"widget.options.disabledMode\"\n        :dynamic-creation=\"true\"\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            >\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    </div>\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 { defineAsyncComponent } from 'vue';\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 SvgIcon from '@/components/svg-icon/index.vue';\n\n  export default {\n    name: 'VfBoxItem',\n    componentName: 'boxItem', // 必须固定为ContainerItem，用于接收父级组件的broadcast事件\n    mixins: [emitter, i18n, refMixin, containerItemMixin],\n    components: {\n      ContainerItemWrapper,\n      SvgIcon,\n      ...FieldComponents,\n      VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue'))\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\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      formJson: {\n        type: Object\n      },\n      formData: {\n        type: Object,\n        default: () => ({})\n      },\n      optionData: {\n        //prop传入的选项数据\n        type: Object,\n        default: () => ({})\n      },\n      globalDsv: {\n        // 全局数据源变量\n        type: Object,\n        default: () => ({})\n      },\n      parentFormRef: {\n        type: Object,\n        default: null\n      },\n      extraData: {\n        type: Object,\n        default: () => ({})\n      },\n      wrapperId: {\n        type: String,\n        default: null\n      }\n    },\n    inject: ['refList', 'sfRefList', 'globalModel', 'getFormConfig', 'getGlobalDsv'],\n    data() {\n      return {};\n    },\n    computed: {\n      customClass() {\n        return this.widget.options.customClass || '';\n      },\n\n      formConfig() {\n        return this.getFormConfig();\n      }\n    },\n    created() {\n      this.initRefList();\n      this.handleOnCreated();\n    },\n    mounted() {\n      this.loadFormCode(this.widget.options.formCode);\n      this.$nextTick(() => {\n        this.handleOnMounted();\n      });\n    },\n    beforeUnmount() {\n      this.unregisterFromRefList();\n    },\n    methods: {\n      async loadFormCode(formCode) {\n        if (formCode) {\n          const res = await this.$http\n            .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n              params: { code: formCode }\n            })\n            .then(res => res.data.object.frontendDefinition || '{}');\n          this.$refs.dFormRef.setFormJson(JSON.parse(res));\n        }\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      getFormRef() {\n        return this.$refs.dFormRef;\n      }\n    }\n  };\n</script>\n\n<style lang=\"less\" scoped>\n  .box-container-item {\n    width: 100%;\n    min-height: 120px;\n    position: relative;\n  }\n\n  .box-container-item > div:first-child {\n    min-height: 58px;\n  }\n</style>\n"],"names":["FieldComponents","res","_createBlock","_withCtx","_createElementBlock","_normalizeClass","_createCommentVNode","_Fragment","_renderList","_openBlock","_resolveDynamicComponent","_createSlots","_renderSlot","_mergeProps"],"mappings":"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"}

package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"vf-box-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-box-widget.vue"],"sourcesContent":["<template>\n  <container-wrapper\n    :designer=\"designer\"\n    :widget=\"widget\"\n    :parent-widget=\"parentWidget\"\n    :parent-list=\"parentList\"\n    :index-of-parent-list=\"indexOfParentList\"\n  >\n    <div\n      class=\"box-container\"\n      :class=\"[selected ? 'selected' : '', customClass]\"\n      :key=\"widget.id\"\n      @click.stop=\"selectWidget(widget)\"\n    >\n      <VFormRender\n        v-if=\"widget.options.formCode\"\n        ref=\"dFormRef\"\n        :parent-form=\"parentFormRef\"\n        :disabled-mode=\"widget.options.disabledMode\"\n        :dynamic-creation=\"true\"\n      />\n      <draggable\n        :list=\"widget.widgetList\"\n        item-key=\"id\"\n        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n        handle=\".drag-handler\"\n        @end=\"evt => onDialogDragEnd(evt, widget.widgetList)\"\n        @add=\"evt => onDialogDragAdd(evt, widget.widgetList)\"\n        @update=\"onDialogDragUpdate\"\n        :move=\"checkContainerMove\"\n      >\n        <template #item=\"{ element: subWidget, index: swIdx }\">\n          <div class=\"vf-box-drop-zone\">\n            <template v-if=\"'container' === subWidget.category\">\n              <component\n                :is=\"subWidget.type + '-widget'\"\n                :widget=\"subWidget\"\n                :designer=\"designer\"\n                :key=\"subWidget.id\"\n                :parent-list=\"widget.widgetList\"\n                :index-of-parent-list=\"swIdx\"\n                :parent-widget=\"widget\"\n              />\n            </template>\n            <template v-else>\n              <component\n                :is=\"subWidget.type + '-widget'\"\n                :field=\"subWidget\"\n                :designer=\"designer\"\n                :key=\"subWidget.id\"\n                :parent-list=\"widget.widgetList\"\n                :index-of-parent-list=\"swIdx\"\n                :parent-widget=\"widget\"\n                :design-state=\"true\"\n              />\n            </template>\n          </div>\n        </template>\n      </draggable>\n    </div>\n  </container-wrapper>\n</template>\n\n<script>\n  import { defineAsyncComponent } from 'vue';\n  import i18n from '@/utils/i18n';\n  import refMixinDesign from '@/components/form-designer/refMixinDesign';\n  import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n  import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n  import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n  export default {\n    name: 'vf-box-widget',\n    componentName: 'VfBoxWidget',\n    mixins: [i18n, refMixinDesign],\n    inject: ['refList'],\n    components: {\n      Draggable,\n      ContainerWrapper,\n      ...FieldComponents,\n      VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue'))\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n      designer: Object,\n      parentFormRef: {\n        type: Object,\n        default: null\n      }\n    },\n    data() {\n      return {\n        //\n      };\n    },\n    computed: {\n      selected() {\n        return this.widget.id === this.designer.selectedId;\n      },\n\n      customClass() {\n        return this.widget.options.customClass || '';\n      }\n    },\n    created() {\n      this.initRefList();\n      this.loadFormCode(this.widget.options.formCode);\n    },\n    watch: {\n      'widget.options.formCode'(val) {\n        this.loadFormCode(val);\n      }\n    },\n    methods: {\n      async loadFormCode(formCode) {\n        if (formCode) {\n          const res = await this.$http\n            .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n              params: { code: formCode }\n            })\n            .then(res => res.data.object.frontendDefinition || '{}');\n          this.$refs.dFormRef.setFormJson(JSON.parse(res));\n        }\n      },\n      onDialogDragEnd(evt, subList) {\n        //console.log('onDialogDragEnd', evt)\n      },\n\n      onDialogDragAdd(evt, subList) {\n        const newIndex = evt.newIndex;\n        if (!!subList[newIndex]) {\n          this.designer.setSelected(subList[newIndex]);\n        }\n\n        this.designer.emitHistoryChange();\n        this.designer.emitEvent('field-selected', this.widget);\n      },\n\n      onDialogDragUpdate() {\n        this.designer.emitHistoryChange();\n      },\n\n      selectWidget(widget) {\n        console.log('id: ' + widget.id);\n        this.designer.setSelected(widget);\n      },\n\n      checkContainerMove(evt) {\n        //弹窗、抽屉不能嵌套！！\n        return this.designer.checkWidgetMove(evt);\n      },\n\n      selectParentWidget() {\n        if (this.parentWidget) {\n          this.designer.setSelected(this.parentWidget);\n        } else {\n          this.designer.clearSelected();\n        }\n      },\n\n      moveUpWidget() {\n        this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n      },\n\n      moveDownWidget() {\n        this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n      },\n\n      removeWidget() {\n        if (!!this.parentList) {\n          let nextSelected = null;\n          if (this.parentList.length === 1) {\n            if (!!this.parentWidget) {\n              nextSelected = this.parentWidget;\n            }\n          } else if (this.parentList.length === 1 + this.indexOfParentList) {\n            nextSelected = this.parentList[this.indexOfParentList - 1];\n          } else {\n            nextSelected = this.parentList[this.indexOfParentList + 1];\n          }\n\n          this.$nextTick(() => {\n            this.parentList.splice(this.indexOfParentList, 1);\n            //if (!!nextSelected) {\n            this.designer.setSelected(nextSelected);\n            //}\n\n            this.designer.emitHistoryChange();\n          });\n        }\n      },\n      getFormRef() {\n        return this.$refs.dFormRef;\n      }\n    }\n  };\n</script>\n\n<style lang=\"less\" scoped>\n  .box-container {\n    width: 100%;\n    min-height: 120px;\n    border: 2px dashed #ccc;\n    position: relative;\n    padding-bottom: 20px;\n\n    .vf-box-drop-zone {\n      // min-height: 58px;\n    }\n  }\n\n  .box-container > div:first-child {\n    min-height: 58px;\n  }\n\n  .box-container.selected {\n    outline: 2px solid var(--ant-primary-color) !important;\n  }\n</style>\n"],"names":["Draggable","FieldComponents","res","_createBlock","_createElementBlock","_normalizeClass","_withModifiers","_createVNode","_mergeProps","_withCtx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"vf-box-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-box-widget.vue"],"sourcesContent":["<template>\n  <container-wrapper\n    :designer=\"designer\"\n    :widget=\"widget\"\n    :parent-widget=\"parentWidget\"\n    :parent-list=\"parentList\"\n    :index-of-parent-list=\"indexOfParentList\"\n  >\n    <div\n      class=\"box-container\"\n      :class=\"[selected ? 'selected' : '', customClass]\"\n      :key=\"widget.id\"\n      @click.stop=\"selectWidget(widget)\"\n    >\n      <VFormRender\n        v-if=\"widget.options.formCode\"\n        ref=\"dFormRef\"\n        :parent-form=\"parentFormRef\"\n        :disabled-mode=\"widget.options.disabledMode\"\n        :dynamic-creation=\"true\"\n      />\n      <draggable\n        :list=\"widget.widgetList\"\n        item-key=\"id\"\n        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n        handle=\".drag-handler\"\n        @end=\"evt => onDialogDragEnd(evt, widget.widgetList)\"\n        @add=\"evt => onDialogDragAdd(evt, widget.widgetList)\"\n        @update=\"onDialogDragUpdate\"\n        :move=\"checkContainerMove\"\n      >\n        <template #item=\"{ element: subWidget, index: swIdx }\">\n          <div class=\"vf-box-drop-zone\">\n            <template v-if=\"'container' === subWidget.category\">\n              <component\n                :is=\"subWidget.type + '-widget'\"\n                :widget=\"subWidget\"\n                :designer=\"designer\"\n                :key=\"subWidget.id\"\n                :parent-list=\"widget.widgetList\"\n                :index-of-parent-list=\"swIdx\"\n                :parent-widget=\"widget\"\n              />\n            </template>\n            <template v-else>\n              <component\n                :is=\"subWidget.type + '-widget'\"\n                :field=\"subWidget\"\n                :designer=\"designer\"\n                :key=\"subWidget.id\"\n                :parent-list=\"widget.widgetList\"\n                :index-of-parent-list=\"swIdx\"\n                :parent-widget=\"widget\"\n                :design-state=\"true\"\n              />\n            </template>\n          </div>\n        </template>\n      </draggable>\n    </div>\n  </container-wrapper>\n</template>\n\n<script>\n  import { defineAsyncComponent } from 'vue';\n  import i18n from '@/utils/i18n';\n  import refMixinDesign from '@/components/form-designer/refMixinDesign';\n  import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n  import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n  import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n  export default {\n    name: 'vf-box-widget',\n    componentName: 'VfBoxWidget',\n    mixins: [i18n, refMixinDesign],\n    inject: ['refList'],\n    components: {\n      Draggable,\n      ContainerWrapper,\n      ...FieldComponents,\n      VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue'))\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n      designer: Object,\n      parentFormRef: {\n        type: Object,\n        default: null\n      }\n    },\n    data() {\n      return {\n        //\n      };\n    },\n    computed: {\n      selected() {\n        return this.widget.id === this.designer.selectedId;\n      },\n\n      customClass() {\n        return this.widget.options.customClass || '';\n      }\n    },\n    created() {\n      this.initRefList();\n      this.loadFormCode(this.widget.options.formCode);\n    },\n    watch: {\n      'widget.options.formCode'(val) {\n        this.loadFormCode(val);\n      }\n    },\n    methods: {\n      async loadFormCode(formCode) {\n        if (formCode) {\n          const res = await this.$http\n            .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n              params: { code: formCode }\n            })\n            .then(res => res.data.object.frontendDefinition || '{}');\n          this.$refs.dFormRef.setFormJson(JSON.parse(res));\n        }\n      },\n      onDialogDragEnd(evt, subList) {\n        //console.log('onDialogDragEnd', evt)\n      },\n\n      onDialogDragAdd(evt, subList) {\n        const newIndex = evt.newIndex;\n        if (!!subList[newIndex]) {\n          this.designer.setSelected(subList[newIndex]);\n        }\n\n        this.designer.emitHistoryChange();\n        this.designer.emitEvent('field-selected', this.widget);\n      },\n\n      onDialogDragUpdate() {\n        this.designer.emitHistoryChange();\n      },\n\n      selectWidget(widget) {\n        console.log('id: ' + widget.id);\n        this.designer.setSelected(widget);\n      },\n\n      checkContainerMove(evt) {\n        //弹窗、抽屉不能嵌套！！\n        return this.designer.checkWidgetMove(evt);\n      },\n\n      selectParentWidget() {\n        if (this.parentWidget) {\n          this.designer.setSelected(this.parentWidget);\n        } else {\n          this.designer.clearSelected();\n        }\n      },\n\n      moveUpWidget() {\n        this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n      },\n\n      moveDownWidget() {\n        this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n      },\n\n      removeWidget() {\n        if (!!this.parentList) {\n          let nextSelected = null;\n          if (this.parentList.length === 1) {\n            if (!!this.parentWidget) {\n              nextSelected = this.parentWidget;\n            }\n          } else if (this.parentList.length === 1 + this.indexOfParentList) {\n            nextSelected = this.parentList[this.indexOfParentList - 1];\n          } else {\n            nextSelected = this.parentList[this.indexOfParentList + 1];\n          }\n\n          this.$nextTick(() => {\n            this.parentList.splice(this.indexOfParentList, 1);\n            //if (!!nextSelected) {\n            this.designer.setSelected(nextSelected);\n            //}\n\n            this.designer.emitHistoryChange();\n          });\n        }\n      },\n      getFormRef() {\n        return this.$refs.dFormRef;\n      }\n    }\n  };\n</script>\n\n<style lang=\"less\" scoped>\n  .box-container {\n    width: 100%;\n    min-height: 120px;\n    border: 2px dashed #ccc;\n    position: relative;\n    padding-bottom: 20px;\n\n    .vf-box-drop-zone {\n      // min-height: 58px;\n    }\n  }\n\n  .box-container > div:first-child {\n    min-height: 58px;\n  }\n\n  .box-container.selected {\n    outline: 2px solid var(--ant-primary-color) !important;\n  }\n</style>\n"],"names":["Draggable","FieldComponents","res","_createBlock","_withCtx","_createElementBlock","_normalizeClass","_withModifiers","_createCommentVNode","_createVNode","_mergeProps","_createElementVNode","_openBlock","_resolveDynamicComponent"],"mappings":"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"}

package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"vf-collapse-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue"],"sourcesContent":["<template>\n  <container-wrapper\n    :designer=\"designer\"\n    :widget=\"widget\"\n    :parent-widget=\"parentWidget\"\n    :parent-list=\"parentList\"\n    :index-of-parent-list=\"indexOfParentList\"\n  >\n    <div\n      :key=\"widget.id\"\n      class=\"collapse-container data-table-container\"\n      :class=\"{ selected: selected }\"\n      @click.stop=\"selectWidget(widget)\"\n    >\n      <div class=\"tpf-collapse\">\n        <div class=\"tpf-collapse-header\">\n          <a-space :size=\"5\">\n            <TpfCollapseTitle :title=\"widget.options.title\" />\n            <SvgIcon\n              :icon-class=\"\n                widget.options.isCollapse\n                  ? widget.options.collapseIcon\n                  : widget.options.unCollapseIcon\n              \"\n              size=\"24px\"\n              shadow\n              cursor\n              @click=\"toggleCollapse\"\n            />\n          </a-space>\n          <div :class=\"['header-right', rightSlotCss]\" v-if=\"widget.options.isCollapse\">\n            <draggable\n              :list=\"widget.headerRightSlotList\"\n              item-key=\"id\"\n              v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n              handle=\".drag-handler\"\n              tag=\"transition-group\"\n              :component-data=\"{ name: 'fade' }\"\n              @add=\"evt => onContainerDragAdd(evt, widget.headerRightSlotList)\"\n              @update=\"onContainerDragUpdate\"\n              :move=\"checkContainerMove\"\n            >\n              <template #item=\"{ element: subWidget, index: swIdx }\">\n                <div class=\"form-widget-list\">\n                  <template v-if=\"'container' === subWidget.category\">\n                    <component\n                      :is=\"subWidget.type + '-widget'\"\n                      :widget=\"subWidget\"\n                      :designer=\"designer\"\n                      :key=\"subWidget.id\"\n                      :parent-list=\"widget.headerRightSlotList\"\n                      :index-of-parent-list=\"swIdx\"\n                      :parent-widget=\"widget\"\n                    />\n                  </template>\n                  <template v-else>\n                    <component\n                      :is=\"subWidget.type + '-widget'\"\n                      :field=\"subWidget\"\n                      :designer=\"designer\"\n                      :key=\"subWidget.id\"\n                      :parent-list=\"widget.headerRightSlotList\"\n                      :index-of-parent-list=\"swIdx\"\n                      :parent-widget=\"widget\"\n                      :design-state=\"true\"\n                    />\n                  </template>\n                </div>\n              </template>\n            </draggable>\n          </div>\n        </div>\n        <Transition\n          mode=\"out-in\"\n          appear\n          enter-active-class=\"animate__animated animate__fadeIn animate__faster\"\n          leave-active-class=\"animate__animated animate__fadeOut animate__faster\"\n        >\n          <div\n            :class=\"['tpf-collapse-content']\"\n            :style=\"{\n              height: widget.options.height || 'unset',\n              ...JSON.parse(widget.options.bodyStyle || '{}')\n            }\"\n            v-show=\"widget.options.isCollapse\"\n          >\n            <VFormRender\n              v-if=\"widget.options.formCode\"\n              ref=\"dFormRef\"\n              :form-json=\"formJson\"\n              :form-data=\"formData\"\n              :global-dsv=\"globalDsv\"\n              :parent-form=\"parentFormRef\"\n              :disabled-mode=\"options.disabledMode\"\n              :dynamic-creation=\"true\"\n            />\n            <draggable\n              :list=\"widget.defaultSlotsList\"\n              item-key=\"id\"\n              v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n              handle=\".drag-handler\"\n              tag=\"transition-group\"\n              :component-data=\"{ name: 'fade' }\"\n              @add=\"evt => onContainerDragAdd(evt, widget.defaultSlotsList)\"\n              @update=\"onContainerDragUpdate\"\n              :move=\"checkContainerMove\"\n            >\n              <template #item=\"{ element: subWidget, index: swIdx }\">\n                <div class=\"form-widget-list\">\n                  <template v-if=\"'container' === subWidget.category\">\n                    <component\n                      :is=\"subWidget.type + '-widget'\"\n                      :widget=\"subWidget\"\n                      :designer=\"designer\"\n                      :key=\"subWidget.id\"\n                      :parent-list=\"widget.defaultSlotsList\"\n                      :index-of-parent-list=\"swIdx\"\n                      :parent-widget=\"widget\"\n                    />\n                  </template>\n                  <template v-else>\n                    <component\n                      :is=\"subWidget.type + '-widget'\"\n                      :field=\"subWidget\"\n                      :designer=\"designer\"\n                      :key=\"subWidget.id\"\n                      :parent-list=\"widget.defaultSlotsList\"\n                      :index-of-parent-list=\"swIdx\"\n                      :parent-widget=\"widget\"\n                      :design-state=\"true\"\n                    />\n                  </template>\n                </div>\n              </template>\n            </draggable>\n          </div>\n        </Transition>\n      </div>\n    </div>\n  </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n  import { defineAsyncComponent } from 'vue';\n  import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n  import emitter from '@/utils/emitter';\n  import i18n from '@/utils/i18n';\n  import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n  import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n  import refMixinDesign from '@/components/form-designer/refMixinDesign';\n  import TpfCollapseTitle from '@/components/TpfCollapse/TpfCollapseTitle.vue';\n  import SvgIcon from '@/components/svg-icon/index.vue';\n  import gridWidget from './grid-widget.vue';\n  import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n  export default {\n    name: 'VfCollapseWidget',\n    mixins: [i18n, containerMixin, refMixinDesign, emitter],\n    inject: ['refList'],\n    components: {\n      Draggable,\n      ContainerWrapper,\n      TpfCollapseTitle,\n      SvgIcon,\n      gridWidget,\n      VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue')),\n      ...FieldComponents\n    },\n    data() {\n      return {};\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n      designer: 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      options: {\n        type: Object,\n        default: () => ({})\n      },\n      formJson: {\n        type: Object\n      },\n      formData: {\n        type: Object,\n        default: () => ({})\n      },\n      optionData: {\n        //prop传入的选项数据\n        type: Object,\n        default: () => ({})\n      },\n      globalDsv: {\n        // 全局数据源变量\n        type: Object,\n        default: () => ({})\n      },\n      parentFormRef: {\n        type: Object,\n        default: null\n      },\n      extraData: {\n        type: Object,\n        default: () => ({})\n      },\n      wrapperId: {\n        type: String,\n        default: null\n      }\n    },\n    created() {\n      this.initRefList();\n    },\n    mounted() {\n      //\n      this.loadFormCode(this.widget.options.formCode);\n    },\n    beforeUnmount() {\n      //\n    },\n    computed: {\n      rightSlotCss() {\n        return this.widget.options.rightSlotCss || '';\n      },\n      selected() {\n        return this.widget.id === this.designer.selectedId;\n      }\n    },\n    watch: {\n      'widget.options.formCode'(val) {\n        this.loadFormCode(val);\n      }\n    },\n    methods: {\n      selectWidget(widget) {\n        this.designer.setSelected(widget);\n      },\n      toggleCollapse() {\n        this.widget.options.isCollapse = !this.widget.options.isCollapse;\n      },\n      async loadFormCode(formCode) {\n        if (formCode) {\n          const res = await this.$http\n            .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n              params: { code: formCode }\n            })\n            .then(res => res.data.object.frontendDefinition || '{}');\n          this.$refs.dFormRef.setFormJson(JSON.parse(res));\n        }\n      },\n      getFormRef() {\n        return this.$refs.dFormRef;\n      }\n    }\n  };\n</script>\n\n<style lang=\"less\" scoped>\n  .collapse-container {\n    display: flex;\n    margin: 2px;\n    height: 100%;\n    width: 100%;\n    flex: 1 0 0;\n\n    .form-widget-list {\n      min-height: 28px;\n    }\n  }\n\n  .collapse-container.selected {\n    outline: 2px solid var(--ant-primary-color) !important;\n  }\n\n  :deep(.ant-table) .table-striped td {\n    background-color: #fafafa;\n  }\n</style>\n\n<style lang=\"less\" scoped>\n  .tpf-collapse {\n    width: 100%;\n    background-color: transparent;\n    box-sizing: border-box;\n\n    .tpf-collapse-header {\n      padding: 10px 0;\n      box-sizing: border-box;\n      display: flex;\n      justify-content: space-between;\n      background-color: #f7f8fa;\n      .header-right {\n        background-color: #fff;\n        margin-right: 10px;\n        min-height: 30px;\n        min-width: 100px;\n        width: fit-content;\n      }\n    }\n\n    .tpf-collapse-content {\n      overflow: hidden;\n      background-color: #fff;\n      min-height: 200px;\n\n      :deep(.ant-card-bordered) {\n        border-color: transparent;\n      }\n    }\n  }\n</style>\n"],"names":["_createBlock","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_createVNode","_mergeProps","_withCtx","_resolveDynamicComponent","_Transition","_normalizeStyle"],"mappings":"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"}
+{"version":3,"file":"vf-collapse-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue"],"sourcesContent":["<template>\n  <container-wrapper\n    :designer=\"designer\"\n    :widget=\"widget\"\n    :parent-widget=\"parentWidget\"\n    :parent-list=\"parentList\"\n    :index-of-parent-list=\"indexOfParentList\"\n  >\n    <div\n      :key=\"widget.id\"\n      class=\"collapse-container data-table-container\"\n      :class=\"{ selected: selected }\"\n      @click.stop=\"selectWidget(widget)\"\n    >\n      <div class=\"tpf-collapse\">\n        <div class=\"tpf-collapse-header\">\n          <a-space :size=\"5\">\n            <TpfCollapseTitle :title=\"widget.options.title\" />\n            <SvgIcon\n              :icon-class=\"\n                widget.options.isCollapse\n                  ? widget.options.collapseIcon\n                  : widget.options.unCollapseIcon\n              \"\n              size=\"24px\"\n              shadow\n              cursor\n              @click=\"toggleCollapse\"\n            />\n          </a-space>\n          <div :class=\"['header-right', rightSlotCss]\" v-if=\"widget.options.isCollapse\">\n            <draggable\n              :list=\"widget.headerRightSlotList\"\n              item-key=\"id\"\n              v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n              handle=\".drag-handler\"\n              tag=\"transition-group\"\n              :component-data=\"{ name: 'fade' }\"\n              @add=\"evt => onContainerDragAdd(evt, widget.headerRightSlotList)\"\n              @update=\"onContainerDragUpdate\"\n              :move=\"checkContainerMove\"\n            >\n              <template #item=\"{ element: subWidget, index: swIdx }\">\n                <div class=\"form-widget-list\">\n                  <template v-if=\"'container' === subWidget.category\">\n                    <component\n                      :is=\"subWidget.type + '-widget'\"\n                      :widget=\"subWidget\"\n                      :designer=\"designer\"\n                      :key=\"subWidget.id\"\n                      :parent-list=\"widget.headerRightSlotList\"\n                      :index-of-parent-list=\"swIdx\"\n                      :parent-widget=\"widget\"\n                    />\n                  </template>\n                  <template v-else>\n                    <component\n                      :is=\"subWidget.type + '-widget'\"\n                      :field=\"subWidget\"\n                      :designer=\"designer\"\n                      :key=\"subWidget.id\"\n                      :parent-list=\"widget.headerRightSlotList\"\n                      :index-of-parent-list=\"swIdx\"\n                      :parent-widget=\"widget\"\n                      :design-state=\"true\"\n                    />\n                  </template>\n                </div>\n              </template>\n            </draggable>\n          </div>\n        </div>\n        <Transition\n          mode=\"out-in\"\n          appear\n          enter-active-class=\"animate__animated animate__fadeIn animate__faster\"\n          leave-active-class=\"animate__animated animate__fadeOut animate__faster\"\n        >\n          <div\n            :class=\"['tpf-collapse-content']\"\n            :style=\"{\n              height: widget.options.height || 'unset',\n              ...JSON.parse(widget.options.bodyStyle || '{}')\n            }\"\n            v-show=\"widget.options.isCollapse\"\n          >\n            <VFormRender\n              v-if=\"widget.options.formCode\"\n              ref=\"dFormRef\"\n              :form-json=\"formJson\"\n              :form-data=\"formData\"\n              :global-dsv=\"globalDsv\"\n              :parent-form=\"parentFormRef\"\n              :disabled-mode=\"options.disabledMode\"\n              :dynamic-creation=\"true\"\n            />\n            <draggable\n              :list=\"widget.defaultSlotsList\"\n              item-key=\"id\"\n              v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n              handle=\".drag-handler\"\n              tag=\"transition-group\"\n              :component-data=\"{ name: 'fade' }\"\n              @add=\"evt => onContainerDragAdd(evt, widget.defaultSlotsList)\"\n              @update=\"onContainerDragUpdate\"\n              :move=\"checkContainerMove\"\n            >\n              <template #item=\"{ element: subWidget, index: swIdx }\">\n                <div class=\"form-widget-list\">\n                  <template v-if=\"'container' === subWidget.category\">\n                    <component\n                      :is=\"subWidget.type + '-widget'\"\n                      :widget=\"subWidget\"\n                      :designer=\"designer\"\n                      :key=\"subWidget.id\"\n                      :parent-list=\"widget.defaultSlotsList\"\n                      :index-of-parent-list=\"swIdx\"\n                      :parent-widget=\"widget\"\n                    />\n                  </template>\n                  <template v-else>\n                    <component\n                      :is=\"subWidget.type + '-widget'\"\n                      :field=\"subWidget\"\n                      :designer=\"designer\"\n                      :key=\"subWidget.id\"\n                      :parent-list=\"widget.defaultSlotsList\"\n                      :index-of-parent-list=\"swIdx\"\n                      :parent-widget=\"widget\"\n                      :design-state=\"true\"\n                    />\n                  </template>\n                </div>\n              </template>\n            </draggable>\n          </div>\n        </Transition>\n      </div>\n    </div>\n  </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n  import { defineAsyncComponent } from 'vue';\n  import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n  import emitter from '@/utils/emitter';\n  import i18n from '@/utils/i18n';\n  import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n  import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n  import refMixinDesign from '@/components/form-designer/refMixinDesign';\n  import TpfCollapseTitle from '@/components/TpfCollapse/TpfCollapseTitle.vue';\n  import SvgIcon from '@/components/svg-icon/index.vue';\n  import gridWidget from './grid-widget.vue';\n  import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n  export default {\n    name: 'VfCollapseWidget',\n    mixins: [i18n, containerMixin, refMixinDesign, emitter],\n    inject: ['refList'],\n    components: {\n      Draggable,\n      ContainerWrapper,\n      TpfCollapseTitle,\n      SvgIcon,\n      gridWidget,\n      VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue')),\n      ...FieldComponents\n    },\n    data() {\n      return {};\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n      designer: 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      options: {\n        type: Object,\n        default: () => ({})\n      },\n      formJson: {\n        type: Object\n      },\n      formData: {\n        type: Object,\n        default: () => ({})\n      },\n      optionData: {\n        //prop传入的选项数据\n        type: Object,\n        default: () => ({})\n      },\n      globalDsv: {\n        // 全局数据源变量\n        type: Object,\n        default: () => ({})\n      },\n      parentFormRef: {\n        type: Object,\n        default: null\n      },\n      extraData: {\n        type: Object,\n        default: () => ({})\n      },\n      wrapperId: {\n        type: String,\n        default: null\n      }\n    },\n    created() {\n      this.initRefList();\n    },\n    mounted() {\n      //\n      this.loadFormCode(this.widget.options.formCode);\n    },\n    beforeUnmount() {\n      //\n    },\n    computed: {\n      rightSlotCss() {\n        return this.widget.options.rightSlotCss || '';\n      },\n      selected() {\n        return this.widget.id === this.designer.selectedId;\n      }\n    },\n    watch: {\n      'widget.options.formCode'(val) {\n        this.loadFormCode(val);\n      }\n    },\n    methods: {\n      selectWidget(widget) {\n        this.designer.setSelected(widget);\n      },\n      toggleCollapse() {\n        this.widget.options.isCollapse = !this.widget.options.isCollapse;\n      },\n      async loadFormCode(formCode) {\n        if (formCode) {\n          const res = await this.$http\n            .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n              params: { code: formCode }\n            })\n            .then(res => res.data.object.frontendDefinition || '{}');\n          this.$refs.dFormRef.setFormJson(JSON.parse(res));\n        }\n      },\n      getFormRef() {\n        return this.$refs.dFormRef;\n      }\n    }\n  };\n</script>\n\n<style lang=\"less\" scoped>\n  .collapse-container {\n    display: flex;\n    margin: 2px;\n    height: 100%;\n    width: 100%;\n    flex: 1 0 0;\n\n    .form-widget-list {\n      min-height: 28px;\n    }\n  }\n\n  .collapse-container.selected {\n    outline: 2px solid var(--ant-primary-color) !important;\n  }\n\n  :deep(.ant-table) .table-striped td {\n    background-color: #fafafa;\n  }\n</style>\n\n<style lang=\"less\" scoped>\n  .tpf-collapse {\n    width: 100%;\n    background-color: transparent;\n    box-sizing: border-box;\n\n    .tpf-collapse-header {\n      padding: 10px 0;\n      box-sizing: border-box;\n      display: flex;\n      justify-content: space-between;\n      background-color: #f7f8fa;\n      .header-right {\n        background-color: #fff;\n        margin-right: 10px;\n        min-height: 30px;\n        min-width: 100px;\n        width: fit-content;\n      }\n    }\n\n    .tpf-collapse-content {\n      overflow: hidden;\n      background-color: #fff;\n      min-height: 200px;\n\n      :deep(.ant-card-bordered) {\n        border-color: transparent;\n      }\n    }\n  }\n</style>\n"],"names":["_createBlock","_withCtx","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_createVNode","_mergeProps","_openBlock","_resolveDynamicComponent","_createCommentVNode","_Transition","_normalizeStyle"],"mappings":";;;;;AAcW,MAAA,aAAA,EAAA,OAAM,eAAc;AAClB,MAAA,aAAA,EAAA,OAAM,sBAAqB;AA4BnB,MAAA,aAAA,EAAA,OAAM,mBAAkB;AAiExB,MAAA,aAAA,EAAA,OAAM,mBAAkB;;;;;;;;sBA3G3CA,YA0IoB,8BAAA;AAAA,IAzIjB,UAAU,OAAQ;AAAA,IAClB,QAAQ,OAAM;AAAA,IACd,iBAAe,OAAY;AAAA,IAC3B,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAiB;AAAA;IAN5C,SAAAC,QAQI,MAkIM;AAAA,oBAlINC,mBAkIM,OAAA;AAAA,QAjIH,KAAK,OAAM,OAAC;AAAA,QACb,OAVNC,eAAA,CAUY,2CAAyC,EAAA,UAC3B,SAAQ,SAAA,CAAA,CAAA;AAAA,QAC3B,SAZP,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,cAAA,YAYmB,SAAY,aAAC,OAAM,MAAA,GAAA,CAAA,MAAA,CAAA;AAAA;QAEhCC,mBA2HM,OA3HN,YA2HM;AAAA,UA1HJA,mBAwDM,OAxDN,YAwDM;AAAA,YAvDJC,YAaU,oBAAA,EAbA,MAAM,EAAC,GAAA;AAAA,cAhB3B,SAAAL,QAiBY,MAAkD;AAAA,gBAAlDK,YAAkD,6BAAA;AAAA,kBAA/B,OAAO,OAAA,OAAO,QAAQ;AAAA;gBACzCA,YAUE,oBAAA;AAAA,kBATC,cAA6B,OAAM,OAAC,QAAQ,aAA+B,OAAM,OAAC,QAAQ,eAAiC,OAAM,OAAC,QAAQ;AAAA,kBAK3I,MAAK;AAAA,kBACL,QAAA;AAAA,kBACA,QAAA;AAAA,kBACC,SAAO,SAAc;AAAA;;cA3BpC,GAAA;AAAA;YA8B6D,OAAM,OAAC,QAAQ,2BAAlEJ,mBAwCM,OAAA;AAAA,cAtEhB,KAAA;AAAA,cA8BgB,OA9BhBC,gCA8BwC,SAAY,YAAA,CAAA;AAAA;cACxCG,YAsCY,sBAtCZC,WAsCY;AAAA,gBArCT,MAAM,OAAM,OAAC;AAAA,gBACd,YAAS;AAAA,iBACD,EAA2D,OAAA,aAAA,YAAA,SAAA,WAAA,OAAA;AAAA,gBACnE,QAAO;AAAA,gBACP,KAAI;AAAA,gBACH,kBAAgB,EAAgB,MAAA,OAAA;AAAA,gBAChC,OAAG,OAAA,CAAA,MAAA,OAAA,CAAA,IAAE,SAAO,KAAA,mBAAmB,KAAK,OAAM,OAAC,mBAAmB;AAAA,gBAC9D,UAAQ,KAAqB;AAAA,gBAC7B,MAAM,KAAkB;AAAA;gBAEd,MACTN,QAAA,CAwBM,EAzBoB,SAAA,kBAAkB,YAAK;AAAA,kBACjDI,mBAwBM,OAxBN,YAwBM;AAAA,oBAvB4B,gBAAA,UAAU,YACxCG,UAAA,GAAAR,YAQES,wBAPK,UAAU,OAAI,SAAA,GAAA;AAAA,sBAClB,QAAQ;AAAA,sBACR,UAAU,OAAQ;AAAA,sBAClB,KAAK,UAAU;AAAA,sBACf,eAAa,OAAM,OAAC;AAAA,sBACpB,wBAAsB;AAAA,sBACtB,iBAAe,OAAM;AAAA,oHAIxBD,UAAA,GAAAR,YASES,wBARK,UAAU,OAAI,SAAA,GAAA;AAAA,sBAClB,OAAO;AAAA,sBACP,UAAU,OAAQ;AAAA,sBAClB,KAAK,UAAU;AAAA,sBACf,eAAa,OAAM,OAAC;AAAA,sBACpB,wBAAsB;AAAA,sBACtB,iBAAe,OAAM;AAAA,sBACrB,gBAAc;AAAA;;;gBAhErC,GAAA;AAAA;qBAAAC,mBAAA,IAAA,IAAA;AAAA;UAwEQJ,YAgEaK,YAAA;AAAA,YA/DX,MAAK;AAAA,YACL,QAAA;AAAA,YACA,sBAAmB;AAAA,YACnB,sBAAmB;AAAA;YA5E7B,SAAAV,QA8EU,MAyDM;AAAA,6BAzDNI,mBAyDM,OAAA;AAAA,gBAxDH,OA/EbF,eA+EoB,CAAwB,sBAAA,CAAA;AAAA,gBAC/B,OAhFbS,eAAA;AAAA,0BAgF4C,OAAM,OAAC,QAAQ,UAAM;AAAA,kBAA8B,GAAA,KAAK,MAAM,cAAO,QAAQ,aAAS,IAAA;AAAA;;gBAO9G,OAAM,OAAC,QAAQ,yBADvBZ,YASE,wBAAA;AAAA,kBA/Fd,KAAA;AAAA,kBAwFc,KAAI;AAAA,kBACH,aAAW,OAAQ;AAAA,kBACnB,aAAW,OAAQ;AAAA,kBACnB,cAAY,OAAS;AAAA,kBACrB,eAAa,OAAa;AAAA,kBAC1B,iBAAe,OAAO,QAAC;AAAA,kBACvB,oBAAkB;AAAA,yGA9FjCU,mBAAA,IAAA,IAAA;AAAA,gBAgGYJ,YAsCY,sBAtCZC,WAsCY;AAAA,kBArCT,MAAM,OAAM,OAAC;AAAA,kBACd,YAAS;AAAA,mBACD,EAA2D,OAAA,aAAA,YAAA,SAAA,WAAA,OAAA;AAAA,kBACnE,QAAO;AAAA,kBACP,KAAI;AAAA,kBACH,kBAAgB,EAAgB,MAAA,OAAA;AAAA,kBAChC,OAAG,OAAA,CAAA,MAAA,OAAA,CAAA,IAAE,SAAO,KAAA,mBAAmB,KAAK,OAAM,OAAC,gBAAgB;AAAA,kBAC3D,UAAQ,KAAqB;AAAA,kBAC7B,MAAM,KAAkB;AAAA;kBAEd,MACTN,QAAA,CAwBM,EAzBoB,SAAA,kBAAkB,YAAK;AAAA,oBACjDI,mBAwBM,OAxBN,YAwBM;AAAA,sBAvB4B,gBAAA,UAAU,YACxCG,UAAA,GAAAR,YAQES,wBAPK,UAAU,OAAI,SAAA,GAAA;AAAA,wBAClB,QAAQ;AAAA,wBACR,UAAU,OAAQ;AAAA,wBAClB,KAAK,UAAU;AAAA,wBACf,eAAa,OAAM,OAAC;AAAA,wBACpB,wBAAsB;AAAA,wBACtB,iBAAe,OAAM;AAAA,sHAIxBD,UAAA,GAAAR,YASES,wBARK,UAAU,OAAI,SAAA,GAAA;AAAA,wBAClB,OAAO;AAAA,wBACP,UAAU,OAAQ;AAAA,wBAClB,KAAK,UAAU;AAAA,wBACf,eAAa,OAAM,OAAC;AAAA,wBACpB,wBAAsB;AAAA,wBACtB,iBAAe,OAAM;AAAA,wBACrB,gBAAc;AAAA;;;kBAjIrC,GAAA;AAAA;;wBAoFoB,OAAM,OAAC,QAAQ,UAAU;AAAA;;YApF7C,GAAA;AAAA;;;;IAAA,GAAA;AAAA;;;"}