{"remainingRequest":"D:\\jenkins\\workspace\\xypm-web-prod\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\xypm-web-prod\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\xypm-web-prod\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\xypm-web-prod\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xypm-web-prod\\src\\components\\myLayout\\DesignPanel.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\xypm-web-prod\\src\\components\\myLayout\\DesignPanel.vue","mtime":1667333350821},{"path":"D:\\jenkins\\workspace\\xypm-web-prod\\babel.config.js","mtime":1667333346259},{"path":"D:\\jenkins\\workspace\\xypm-web-prod\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xypm-web-prod\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xypm-web-prod\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"D:\\jenkins\\workspace\\xypm-web-prod\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xypm-web-prod\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es7.object.get-own-property-descriptors\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.object.keys\";\nimport _defineProperty from \"D:/jenkins/workspace/xypm-web-prod/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\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 DesignFormItem from \"@/components/myLayout/DesignFormItem.vue\";\nimport DesignGridLayout from \"@/components/myLayout/DesignGridLayout.vue\";\nexport default {\n  name: \"design-panel\",\n  components: {\n    Draggable: Draggable,\n    DesignFormItem: DesignFormItem,\n    DesignGridLayout: DesignGridLayout\n  },\n  props: [\"data\", \"select\"],\n  data: function data() {\n    return {\n      selectWidget: this.select\n    };\n  },\n  mounted: function mounted() {\n    document.body.ondrop = function (event) {\n      var isFirefox = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1;\n      if (isFirefox) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    };\n  },\n  methods: {\n    handleMoveEnd: function handleMoveEnd(_ref) {\n      var newIndex = _ref.newIndex,\n        oldIndex = _ref.oldIndex;\n      console.log(\"index\", newIndex, oldIndex);\n    },\n    handleSelectWidget: function handleSelectWidget(index) {\n      console.log(index, \"#####\");\n      this.selectWidget = this.data.list[index];\n    },\n    handleWidgetAdd: function handleWidgetAdd(evt) {\n      console.log(\"add\", evt);\n      console.log(\"end\", evt);\n      var newIndex = evt.newIndex;\n      var to = evt.to;\n      console.log(to);\n\n      //为拖拽到容器的元素添加唯一 key\n      var key = Date.parse(new Date()) + \"_\" + Math.ceil(Math.random() * 99999);\n      this.$set(this.data.list, newIndex, _objectSpread(_objectSpread({}, this.data.list[newIndex]), {}, {\n        options: _objectSpread(_objectSpread({}, this.data.list[newIndex].options), {}, {\n          remoteFunc: \"func_\" + key\n        }),\n        key: key,\n        // 绑定键值\n        model: this.data.list[newIndex].type + \"_\" + key,\n        rules: []\n      }));\n      if (this.data.list[newIndex].type === \"radio\" || this.data.list[newIndex].type === \"checkbox\" || this.data.list[newIndex].type === \"select\") {\n        this.$set(this.data.list, newIndex, _objectSpread(_objectSpread({}, this.data.list[newIndex]), {}, {\n          options: _objectSpread(_objectSpread({}, this.data.list[newIndex].options), {}, {\n            options: this.data.list[newIndex].options.options.map(function (item) {\n              return _objectSpread({}, item);\n            })\n          })\n        }));\n      }\n      if (this.data.list[newIndex].type === \"grid\") {\n        this.$set(this.data.list, newIndex, _objectSpread(_objectSpread({}, this.data.list[newIndex]), {}, {\n          columns: this.data.list[newIndex].columns.map(function (item) {\n            return _objectSpread({}, item);\n          })\n        }));\n      }\n      this.selectWidget = this.data.list[newIndex];\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};",null]}