{"version":3,"sources":["webpack:///./src/components/jeecg/JSlider.vue","webpack:///src/components/jeecg/JSlider.vue","webpack:///./src/components/jeecg/JSlider.vue?826f","webpack:///./src/components/jeecg/JSlider.vue?f1ca","webpack:///./src/components/jeecg/JSlider.vue?3eea"],"names":["render","_vm","this","_c","_self","ref","staticClass","_v","_s","confirmWords","class","confirmSuccess","staticStyle","on","$event","mousedownFn","staticRenderFns","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,IAAI,UAAUC,YAAY,QAAQ,CAACH,EAAG,MAAM,CAACG,YAAY,YAAYH,EAAG,MAAM,CAACG,YAAY,aAAa,CAACL,EAAIM,GAAGN,EAAIO,GAAGP,EAAIQ,iBAAiBN,EAAG,MAAM,CAACE,IAAI,UAAUC,YAAY,qBAAqBI,MAAM,CAAC,cAAgBT,EAAIU,gBAAgBC,YAAY,CAAC,OAAS,mBAAmB,OAAS,OAAO,SAAW,WAAW,IAAM,MAAM,KAAO,OAAOC,GAAG,CAAC,UAAY,SAASC,GAAQ,OAAOb,EAAIc,YAAYD,UAE1dE,EAAkB,GCOtB,GACE,KAAF,UACE,KAFF,WAGI,MAAJ,CACM,aAAN,EACM,gBAAN,EACM,SAAN,GACM,aAAN,SACM,gBAAN,IAGE,QAAF,CACI,UADJ,WAEM,OAAN,qBAEI,YAAJ,YACA,sBACQ,EAAR,mCACQ,KAAR,kBACQ,KAAR,yBAGI,gBAXJ,WAYM,KAAN,kBACM,KAAN,oBACA,yBACQ,SAAR,kFACQ,SAAR,8EAEQ,SAAR,8EAEM,SAAN,0DACM,SAAN,mEACM,SAAN,oEAEM,KAAN,uBAEI,YA1BJ,SA0BA,GACM,GAAN,qBACQ,IAAR,8BACA,uBACU,SAAV,uDACU,SAAV,yDACA,iBACU,KAAV,oBAII,SArCJ,SAqCA,GACM,KAAN,kBACM,IAAN,8BACM,GAAN,iBAEQ,IAAR,gDACA,IACU,EAAV,iBACU,SAAV,2DAME,QA9DF,WA+DI,KAAJ,uEACI,SAAJ,+EACI,SAAJ,4EC1E+V,I,wBCQ3VC,EAAY,eACd,EACAjB,EACAgB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,kECnBf","file":"js/chunk-2e8b1438.1878890c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"dragDiv\",staticClass:\"drag\"},[_c('div',{staticClass:\"drag_bg\"}),_c('div',{staticClass:\"drag_text\"},[_vm._v(_vm._s(_vm.confirmWords))]),_c('div',{ref:\"moveDiv\",staticClass:\"handler handler_bg\",class:{'handler_ok_bg':_vm.confirmSuccess},staticStyle:{\"border\":\"0.5px solid #fff\",\"height\":\"34px\",\"position\":\"absolute\",\"top\":\"0px\",\"left\":\"0px\"},on:{\"mousedown\":function($event){return _vm.mousedownFn($event)}}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"drag\" ref=\"dragDiv\">\r\n    <div class=\"drag_bg\"></div>\r\n    <div class=\"drag_text\">{{confirmWords}}</div>\r\n    <div ref=\"moveDiv\" @mousedown=\"mousedownFn($event)\" :class=\"{'handler_ok_bg':confirmSuccess}\" class=\"handler handler_bg\" style=\"border: 0.5px solid #fff;height: 34px;position: absolute;top: 0px;left: 0px;\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name:\"JSlider\",\r\n    data(){\r\n      return {\r\n        beginClientX:0,           /*距离屏幕左端距离*/\r\n        mouseMoveStata:false,     /*触发拖动状态  判断*/\r\n        maxwidth:'',               /*拖动最大宽度，依据滑块宽度算出来的*/\r\n        confirmWords:'拖动滑块验证',   /*滑块文字*/\r\n        confirmSuccess:false           /*验证成功判断*/\r\n      }\r\n    },\r\n    methods: {\r\n      isSuccess(){\r\n        return this.confirmSuccess\r\n      },\r\n      mousedownFn:function (e) {\r\n        if(!this.confirmSuccess){\r\n          e.preventDefault && e.preventDefault();   //阻止文字选中等 浏览器默认事件\r\n          this.mouseMoveStata = true;\r\n          this.beginClientX = e.clientX;\r\n        }\r\n      },        //mousedoen 事件\r\n      successFunction(){\r\n        this.confirmSuccess = true\r\n        this.confirmWords = '验证通过';\r\n        if(window.addEventListener){\r\n          document.getElementsByTagName('html')[0].removeEventListener('mousemove',this.mouseMoveFn);\r\n          document.getElementsByTagName('html')[0].removeEventListener('mouseup',this.moseUpFn);\r\n        }else {\r\n          document.getElementsByTagName('html')[0].removeEventListener('mouseup',()=>{});\r\n        }\r\n        document.getElementsByClassName('drag_text')[0].style.color = '#fff'\r\n        document.getElementsByClassName('handler')[0].style.left = this.maxwidth + 'px';\r\n        document.getElementsByClassName('drag_bg')[0].style.width = this.maxwidth + 'px';\r\n\r\n        this.$emit(\"onSuccess\",true)\r\n      },                //验证成功函数\r\n      mouseMoveFn(e){\r\n        if(this.mouseMoveStata){\r\n          let width = e.clientX - this.beginClientX;\r\n          if(width>0 && width<=this.maxwidth){\r\n            document.getElementsByClassName('handler')[0].style.left = width + 'px';\r\n            document.getElementsByClassName('drag_bg')[0].style.width = width + 'px';\r\n          }else if(width>this.maxwidth){\r\n            this.successFunction();\r\n          }\r\n        }\r\n      },                   //mousemove事件\r\n      moseUpFn(e){\r\n        this.mouseMoveStata = false;\r\n        var width = e.clientX - this.beginClientX;\r\n        if(width<this.maxwidth){\r\n          // ---- update-begin- author:sunjianlei --- date:20191009 --- for: 修复获取不到 handler 的时候报错 ----\r\n          let handler = document.getElementsByClassName('handler')[0]\r\n          if (handler) {\r\n            handler.style.left = 0 + 'px'\r\n            document.getElementsByClassName('drag_bg')[0].style.width = 0 + 'px'\r\n          }\r\n          // ---- update-end- author:sunjianlei --- date:20191009 --- for: 修复获取不到 handler 的时候报错 ----\r\n        }\r\n      }                       //mouseup事件\r\n    },\r\n    mounted(){\r\n      this.maxwidth = this.$refs.dragDiv.clientWidth - this.$refs.moveDiv.clientWidth;\r\n      document.getElementsByTagName('html')[0].addEventListener('mousemove',this.mouseMoveFn);\r\n      document.getElementsByTagName('html')[0].addEventListener('mouseup',this.moseUpFn)\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .drag{\r\n    position: relative;\r\n    background-color: #e8e8e8;\r\n    width: 100%;\r\n    height: 34px;\r\n    line-height: 34px;\r\n    text-align: center;\r\n  }\r\n  .handler{\r\n    width: 40px;\r\n    height: 32px;\r\n    border: 1px solid #ccc;\r\n    cursor: move;\r\n  }\r\n  .handler_bg{\r\n    background: #fff url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==\") no-repeat center;\r\n  }\r\n  .handler_ok_bg{\r\n    background: #fff url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==\") no-repeat center;\r\n  }\r\n  .drag_bg{\r\n    background-color: #7ac23c;\r\n    height: 34px;\r\n    width: 0px;\r\n  }\r\n  .drag_text{\r\n    position: absolute;\r\n    top: 0px;\r\n    width: 100%;text-align: center;\r\n    -moz-user-select: none;\r\n    -webkit-user-select: none;\r\n    user-select: none;\r\n    -o-user-select:none;\r\n    -ms-user-select:none;\r\n  }\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./JSlider.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./JSlider.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./JSlider.vue?vue&type=template&id=a5aa9694&scoped=true\"\nimport script from \"./JSlider.vue?vue&type=script&lang=js\"\nexport * from \"./JSlider.vue?vue&type=script&lang=js\"\nimport style0 from \"./JSlider.vue?vue&type=style&index=0&id=a5aa9694&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a5aa9694\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./JSlider.vue?vue&type=style&index=0&id=a5aa9694&prod&scoped=true&lang=css\""],"sourceRoot":""}