{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-bpm\\src\\components\\form\\WidgetDivLayout.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\src\\components\\form\\WidgetDivLayout.vue","mtime":1675071992038},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport Draggable from 'vuedraggable';\nimport deepmerge from 'deepmerge';\nimport WidgetTableLayout from '@/components/form/WidgetTableLayout.vue'; // tab布局\n\nimport WidgetCollapseLayout from '@/components/form/WidgetCollapseLayout.vue'; // 折叠面板\n\nimport WidgetGridLayout from \"@/components/form/WidgetGridLayout.vue\"; // 栅格布局\n\nimport WidgetMainTableLayout from \"@/components/form/WidgetMainTableLayout.vue\"; // table表格布局\n\nimport WidgetSubtableLayout from \"@/components/form/WidgetSubtableLayout.vue\"; // 子表布局\n\nimport WidgetSubdivLayout from \"@/components/form/WidgetSubDivLayout.vue\"; // div子表布局\n\nimport WidgetDataViewLayout from \"@/components/form/WidgetDataViewLayout.vue\"; // 数据视图布局\n\nimport WidgetHottableLayout from \"@/components/form/WidgetHottableLayout.vue\"; // hotTable布局\n\nimport WidgetFormItem from \"@/components/form/WidgetFormItem.vue\"; // 其他布局\n\nimport controlsApi from \"@/api/controlsConfig.js\";\nexport default {\n  name: 'WidgetDivLayout',\n  components: {\n    Draggable: Draggable,\n    WidgetGridLayout: WidgetGridLayout,\n    WidgetTableLayout: WidgetTableLayout,\n    WidgetCollapseLayout: WidgetCollapseLayout,\n    WidgetSubdivLayout: WidgetSubdivLayout,\n    WidgetSubtableLayout: WidgetSubtableLayout,\n    WidgetDataViewLayout: WidgetDataViewLayout,\n    WidgetHottableLayout: WidgetHottableLayout,\n    WidgetMainTableLayout: WidgetMainTableLayout,\n    WidgetFormItem: WidgetFormItem\n  },\n  props: [\"element\", \"select\", \"index\", \"data\", \"selectWidgetList\"],\n  data: function data() {\n    return {\n      selectWidget: this.select,\n      activeName: 0\n    };\n  },\n  watch: {\n    select: function select(val) {\n      this.selectWidget = val;\n    },\n    selectWidget: {\n      handler: function handler(val) {\n        this.$emit(\"update:select\", val);\n      },\n      deep: true\n    }\n  },\n  methods: {\n    handleSelectWidget: function handleSelectWidget(index) {\n      this.selectWidget = this.data.list[index];\n    },\n    handleMoveStart: function handleMoveStart(evt) {\n      console.log(evt); // 新增控件时  将控件属性切断联系\n\n      evt.item._underlying_vm_ = deepmerge({}, evt.item._underlying_vm_, {\n        clone: true\n      });\n      evt.item._underlying_vm_.key = Date.parse(new Date()) + \"_\" + Math.ceil(Math.random() * 99999);\n    },\n    handleMoveEnd: function handleMoveEnd(_ref) {\n      var newIndex = _ref.newIndex,\n          oldIndex = _ref.oldIndex;\n      console.log(\"index\", newIndex, oldIndex);\n    },\n    handleWidgetColAdd: function handleWidgetColAdd($event, row, colIndex) {\n      var newIndex = $event.newIndex;\n      var oldIndex = $event.oldIndex;\n      var item = $event.item; // 防止布局元素的嵌套拖拽\n\n      if (item.className.indexOf(\"data-grid\") >= 0 || item.innerText == \"分页布局\") {\n        // 如果是列表中拖拽的元素需要还原到原来位置\n        item.tagName === \"DIV\" && this.data.list.splice(oldIndex, 0, row.columns[colIndex].list[newIndex]);\n        row.columns[colIndex].list.splice(newIndex, 1);\n\n        if (item.innerText == \"分页布局\") {\n          this.$message.warning(\"div布局中不允许再拖入分页布局\");\n        }\n\n        return false;\n      }\n\n      controlsApi.handleLayoutComponents(this, row, row.columns[colIndex].list, newIndex);\n      this.selectWidget = row.columns[colIndex].list[newIndex];\n    },\n    handleWidgetDelete: function handleWidgetDelete(index) {\n      var _this = this;\n\n      if (this.data.list.length - 1 === index) {\n        if (index === 0) {\n          this.selectWidget = {\n            options: {\n              validateType: \"\"\n            }\n          };\n        } else {\n          this.selectWidget = this.data.list[index - 1];\n        }\n      } else {\n        this.selectWidget = this.data.list[index + 1];\n      }\n\n      this.$nextTick(function () {\n        _this.data.list.splice(index, 1);\n      });\n    }\n  }\n};",null]}