{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-fvue\\src\\components\\myLayout\\DesignPanel.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\src\\components\\myLayout\\DesignPanel.vue","mtime":1667327529622},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\babel.config.js","mtime":1667327525434},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\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/xq-web-fvue/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\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\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); //为拖拽到容器的元素添加唯一 key\n\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\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\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\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]}