tinydev-slider-captcha 1.0.0

package/tinydev-slider-captcha.umd.js

@@ -0,0 +1,927 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["tinydev-slider-captcha"] = factory();
+	else
+		root["tinydev-slider-captcha"] = factory();
+})((typeof self !== 'undefined' ? self : this), function() {
+return /******/ (function() { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 662:
+/***/ (function(module, exports) {
+
+var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;// addapted from the document.currentScript polyfill by Adam Miller
+// MIT license
+// source: https://github.com/amiller-gh/currentScript-polyfill
+
+// added support for Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1620505
+
+(function (root, factory) {
+  if (true) {
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+  } else {}
+}(typeof self !== 'undefined' ? self : this, function () {
+  function getCurrentScript () {
+    var descriptor = Object.getOwnPropertyDescriptor(document, 'currentScript')
+    // for chrome
+    if (!descriptor && 'currentScript' in document && document.currentScript) {
+      return document.currentScript
+    }
+
+    // for other browsers with native support for currentScript
+    if (descriptor && descriptor.get !== getCurrentScript && document.currentScript) {
+      return document.currentScript
+    }
+  
+    // IE 8-10 support script readyState
+    // IE 11+ & Firefox support stack trace
+    try {
+      throw new Error();
+    }
+    catch (err) {
+      // Find the second match for the "at" string to get file src url from stack.
+      var ieStackRegExp = /.*at [^(]*\((.*):(.+):(.+)\)$/ig,
+        ffStackRegExp = /@([^@]*):(\d+):(\d+)\s*$/ig,
+        stackDetails = ieStackRegExp.exec(err.stack) || ffStackRegExp.exec(err.stack),
+        scriptLocation = (stackDetails && stackDetails[1]) || false,
+        line = (stackDetails && stackDetails[2]) || false,
+        currentLocation = document.location.href.replace(document.location.hash, ''),
+        pageSource,
+        inlineScriptSourceRegExp,
+        inlineScriptSource,
+        scripts = document.getElementsByTagName('script'); // Live NodeList collection
+  
+      if (scriptLocation === currentLocation) {
+        pageSource = document.documentElement.outerHTML;
+        inlineScriptSourceRegExp = new RegExp('(?:[^\\n]+?\\n){0,' + (line - 2) + '}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*', 'i');
+        inlineScriptSource = pageSource.replace(inlineScriptSourceRegExp, '$1').trim();
+      }
+  
+      for (var i = 0; i < scripts.length; i++) {
+        // If ready state is interactive, return the script tag
+        if (scripts[i].readyState === 'interactive') {
+          return scripts[i];
+        }
+  
+        // If src matches, return the script tag
+        if (scripts[i].src === scriptLocation) {
+          return scripts[i];
+        }
+  
+        // If inline source matches, return the script tag
+        if (
+          scriptLocation === currentLocation &&
+          scripts[i].innerHTML &&
+          scripts[i].innerHTML.trim() === inlineScriptSource
+        ) {
+          return scripts[i];
+        }
+      }
+  
+      // If no match, return null
+      return null;
+    }
+  };
+
+  return getCurrentScript
+}));
+
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/publicPath */
+/******/ 	!function() {
+/******/ 		__webpack_require__.p = "";
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+!function() {
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ entry_lib; }
+});
+
+;// ../../../../node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
+/* eslint-disable no-var */
+// This file is imported into lib/wc client bundles.
+
+if (typeof window !== 'undefined') {
+  var currentScript = window.document.currentScript
+  if (true) {
+    var getCurrentScript = __webpack_require__(662)
+    currentScript = getCurrentScript()
+
+    // for backward compatibility, because previously we directly included the polyfill
+    if (!('currentScript' in document)) {
+      Object.defineProperty(document, 'currentScript', { get: getCurrentScript })
+    }
+  }
+
+  var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
+  if (src) {
+    __webpack_require__.p = src[1] // eslint-disable-line
+  }
+}
+
+// Indicate to webpack that this file can be concatenated
+/* harmony default export */ var setPublicPath = (null);
+
+;// ../../../../node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/packages-slider-captcha/SliderCaptcha.vue?vue&type=template&id=ef864250&scoped=true
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.dialogVisible)?_c('div',{staticClass:"lang-dialog__wrapper"},[_c('div',{staticClass:"lang-dialog"},[_c('div',{staticClass:"lang-dialog__header"},[_c('span',{staticClass:"lang-dialog__title"},[_vm._t("title",function(){return [_vm._v(_vm._s(_vm.title))]})],2),_c('button',{staticClass:"lang-dialog-header-btn",attrs:{"type":"button"},on:{"click":_vm.close}},[_c('i',{staticClass:"lang-icon-close"})])]),_c('div',{staticClass:"lang-dialog__body"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.failed),expression:"failed"}],staticClass:"tips"},[_vm._t("errorText",function(){return [_vm._v(_vm._s(_vm.errorText))]})],2),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.failed),expression:"!failed"}],staticClass:"tips"},[_vm._t("tips",function(){return [_vm._v(_vm._s(_vm.tips))]})],2),_c('div',{staticClass:"slider-body",class:{'slider-shock':_vm.shock}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.mask),expression:"mask"}],staticClass:"loading-transparent-mask"}),(_vm.loading)?_c('div',{staticClass:"loading-body"},[_c('div',{staticClass:"loading slider-loading"})]):_vm._e(),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.sliderImg),expression:"sliderImg"}],staticClass:"slider-bg slider-img",style:({'background-image': 'url(' + _vm.sliderImg + ')'})}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.sliderImg),expression:"sliderImg"}],staticClass:"slider-draw slider-move-draw slider-img",style:({'background-image': 'url(' + _vm.sliderImg + ')', 'top': _vm.sliderY + 'px', 'left': _vm.sliderMoveDrawLeft}),on:{"&touchstart":function($event){return _vm.sliderTouchStart.apply(null, arguments)},"&touchmove":function($event){return _vm.sliderTouchMove.apply(null, arguments)},"&touchend":function($event){return _vm.sliderEnd.apply(null, arguments)},"mousedown":_vm.sliderStart}}),_c('div',{staticClass:"slider-progress"}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.success),expression:"success"}],staticClass:"slider-success"},[_vm._m(0),_c('div',{staticClass:"slider-success-text"},[_vm._t("successText",function(){return [_vm._v(_vm._s(_vm.successText))]})],2)]),_c('div',{staticClass:"slider-btn slider-move-btn",class:{'slider-shock':_vm.shock},style:({'left': _vm.sliderMoveLeft}),on:{"&touchstart":function($event){return _vm.sliderTouchStart.apply(null, arguments)},"&touchmove":function($event){return _vm.sliderTouchMove.apply(null, arguments)},"&touchend":function($event){return _vm.sliderEnd.apply(null, arguments)},"mousedown":_vm.sliderStart}},[_c('i',[_vm._v(" ")]),_c('img',{attrs:{"src":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAcAgMAAABuexVFAAAACVBMVEUAAADCwsL9/f1P0DqbAAAAAXRSTlMAQObYZgAAAB1JREFUGNNjCGVgYGANABKhyMwoEHMBkIgaZWIwAdyJJQnaJRg5AAAAAElFTkSuQmCC","alt":""}}),_c('i',[_vm._v(" ")])])]),_c('div',{staticStyle:{"position":"relative"}},[_c('div',{staticClass:"slider-refresh",staticStyle:{"left":"35px"},on:{"click":function($event){$event.stopPropagation();return _vm.refresh.apply(null, arguments)},"mouseenter":function($event){_vm.refreshMessage = true},"mouseleave":function($event){_vm.refreshMessage = false}}},[_c('div',{staticClass:"slider-tools-btn lang-tips",staticStyle:{"width":"24px","height":"24px"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.refreshMessage),expression:"refreshMessage"}],staticClass:"lang-tips-item lang-tips-bottom",domProps:{"textContent":_vm._s(_vm.refreshText)}}),_c('img',{attrs:{"src":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPZSURBVHgB7VpLTuNAEC2b8NlNboDnBJgbJCdgOAFkAQixGDgB9gkIC4T4SIETTOYEhBOQOcF4buAVQojPvGfZGbv9iWMbE0vzpMam3e7Uq66u7q6yJhXh/PzcwKWjaZqJsop7E6XtF8JlwTPn7e3tF64jXMf7+/uOlIAmJTAYDNovLy/f39/fOyxSACSCd29A5r4ImUIEfG1buq5vyD8NlwbI3Ly+vtp5iFAGtpuJQKBxaOtQKhRcgQvF9Hd2duy0BldXV8eQQwMBKzeBs7Mzs9Vq/cCtkdYGpkBzuIcAY9r3ysqK2+v1aPse+cfHRwN9GL65rUHjnYyf5FzpqqNB4VFvodi5CVxeXtLOLUnWuoNn/eXl5dtA2LwIJj4IH0uyYthfb29vbxgWnve5CYRfUgVHsdD5rVQAkNnOIHKEZ1/CcgQE9KxO04SHxk+XlpbWqxKegDD0RF2UpD5PUpQoLUkBzSbhJRd1R/wx+QD49r6N0XD80ZiKxBGgbdKulWoXM7/7UcKHQdOAonp52sYI0FuA/Z1S7Ql/cHAwlpoAb7Wap12MAP28xCeSXafwGY4jhggBmo76IicsJmtfasIswhPqCFjK/w78uyU1YVbhiYkXovZh+1vKc2vWxako+PvcHuDWzvnKiH+0UAeW4rocmM5XmXNMTChJ+9IAeASwaPHwYYQfYKX9KQ2ARwB7cDNcyV1lXbZfFh4B/2AyAba5jdA+4RGAwJFtMvfy0hB4BGAyplLvSEMQeKHICJSNFNQJXRqO/wQ+GwGBiM/3D9uNQEDAUeoNaQg8AoxVRip13ZSGIFgHIgsXFrYNaQiClXgYruTCxrOxNAAeAX/hckL17efn521pACZuVA0oNcWMJgQQiI0c3BmAvbi4+CZzjgkB7v8Twnon8z4XpkUlDMyFXCG+z0KEACczo75Km8Pr6+stmVPEwus0GWj9QaKrMZNz3d3d3VoPOkyq+IvqKG2LH9vMcS4gPrMp0f1RG5P6zj/81wKOOuKjDyAwQPmN/VknqV3ibtSPg6qm5JGAZzqUDwZD+wg03CjVnaS2mRmahGBXgD7CLnbVkQvffAe4jblvmPB6kglPTTFlkHCkohRTjuznUVqAOVeSzzebk5THDopVJFGdQ/BIki8JudOsfvCXiQ8jtTNk3WG797gdLSwsuIuLi044zfr09MTkiclVHte1rOw++hqjr81pSpk5U59hUlWBhO28OYmynxpUucBxK3PKPdkszqHUxx6hRDXTUoXWCMZhcRkWSZQTpQiEEf7cBtc1FAP3RqiJC2EpIF3hH54Coe1hWVf8FxUNF4vY5AiIAAAAAElFTkSuQmCC"}})])])])])])]):_vm._e()}
+var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"slider-success-icon"},[_c('img',{attrs:{"src":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAzFBMVEUAAAAs0AAu1AAs0AAr0AAq1QAs0AAt0AAs0AAs0AAr0AAq0wAs0AAq0QAs0AAs0AAs0AAs0AAr0AAs0AAr0AAs0AAr0QAs0QAs0AApygAs0AAs0AAs0AAs0AAs0QAr0QAt0gAs0AAt0QAtzwAq0QArzwAs0AAqzQAs0QAs0AAs0AAs0AD////l+d/8/vty4FVG1iCI5W/X989G1h881BNy31My0gd34Vr5/vjt++qk65Gd6omO5naB42Za2jdL1ybR9cjA8bNp3kpZ2jY9PuX7AAAAK3RSTlMA/APuFwfUZln0OxLIVEbr49vZzsKxmW1MDvmsqIxpXiGejlA3NGgk1pyDVbbBQAAAArxJREFUaN7Nmody2kAURZ9QQRIyTTTRDDauV3GsFNzjlP//p8CQjAZLwLY3w/mAc9EWZvftIzGS8HIyitp2AAR2OxpNLsOETFHzex5K8Hp+Td/u9DsWdmJ1+o6OvTLoWjiA1R1UFPVutQ0h2lVX5ddXmxCmWZX+ijCGFHEot3BuIM1cYkmd21DAPhcd/TMociY0E7MIysQzgdltQIPGxSH/yRBaBPX9/lMLmgz9vX4Y4HTP+FgwgHWyy78IYIThYsf6bMAQjasyvxvDGLFLRW5gkHnJBMMohYl2bBjFdmibMQwz3vbXYZz61j+0B+N4FcqpgoFq7nebYKDpFj6A6xMqLbDQ+j8LAzAxoA1dMNH9t4kt6PL+/Ov5DwpYm+3chy7fH9M0vctQoE9rOtr+u3TN3Ts+0ln7a5a+f8NrcYzWx0nflD99QQF/FdAz5U8fUKC3CvCgw+fc/2WJAh5RYsr/6R4lJHTB6kdIPqsfU7pl9WNCY1Y/RhSx+hFRCzv4/fPx6Xmp6UeLbJTzsFnb3/T8sClAKcunNE9Q9yMglPMjTfMEdT+wOyBP0PFjzxDlCRr+YN8k5wnKfti7l2lWSFDwo0URhBIU/YhoDLEENT9GdAvBhIL/KwSYkA/RBBU/pnQB4QQFP0JKIJzwJu9HQuQJJ6Tyfk/g2JJp+NETOXhl6n74QkfHTNlv1cQOv5miHx3R43um5kdf+AKSKfktR/wKlSn40ZW5BL49rvealB8DqWvs/evLwxIytCrMF/FL9lICdzGEvZzDXZBiLqmN2IuC7GXNAnMYZM5cWvZcKuGKqTiesxjCCMGC94FiWGd+YvG5H4m4n7nYH+oOMouhTDwjAVz1x1L3OJ57VzhjSDN2SIa6Bym8+rE1Daxwp6JtD1P3OBs3+FtP8uaZa5RwnTfP6JOE0+32n6lo+89fOWa8/GcTqREAAAAASUVORK5CYII=","alt":""}})])}]
+
+
+;// ./src/packages-slider-captcha/SliderCaptcha.vue?vue&type=template&id=ef864250&scoped=true
+
+;// ../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/packages-slider-captcha/SliderCaptcha.vue?vue&type=script&lang=js
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var SliderCaptchavue_type_script_lang_js = ({
+  name: 'SliderCaptcha',
+  props:
+  {
+    value: {
+      type: Boolean,
+      default: false
+    },
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: '滑块安全验证'
+    },
+    tips: {
+      type: String,
+      default: '拖动下方滑块完成拼图'
+    },
+    successText: {
+      type: String,
+      default: '验证成功'
+    },
+    errorText:{
+      type: String,
+      default: '是不是太难了，咱换一个'
+    },
+		question: {
+			type: String,
+			default: ''
+		},
+    refreshText:{
+      type: String,
+      default: '刷新'
+    },
+    options: {
+      type: Object,
+      default() {
+        return {
+          sliderImg:'',
+          sliderKey: '',
+          sliderY: ''
+        }
+      }
+    }
+  },
+  watch: {
+    value: {
+      handler: function(val) {
+        this.init(val)
+      },
+      immediate: true
+    },
+    modelValue: {
+      handler: function(val) {
+        this.init(val)
+      },
+      immediate: true
+    },
+    options: {
+      handler: function(option) {
+        this.clear()
+        this.sliderImg = option.sliderImg
+        this.sliderKey = option.sliderKey
+        this.sliderY = option.sliderY
+      },
+      deep:true,
+      immediate: true
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      mask: false,
+      success: false,
+      failed: false,
+      sliderImg:'',
+      sliderKey: '',
+      sliderX: 27,
+      sliderY: '',
+      sliderMoveDrawLeft: '27px',
+      sliderMoveLeft: '20px',
+      shock: false,
+      tipEvents: {},
+			sliderMoveX: 0,
+			questionMessage: false,
+			refreshMessage: false,
+    }
+  },
+  methods: {
+    init(open)
+    {
+      this.dialogVisible = open
+      if (open) {
+        this.clear()
+      }
+    },
+    clear() {
+      this.mask = false
+      this.success = false
+      this.failed = false
+      this.sliderImg = ''
+      this.sliderKey = ''
+      this.sliderX = 27
+      this.sliderMoveDrawLeft = '27px',
+      this.sliderMoveLeft = '20px',
+      this.sliderY = ''
+    },
+    check(sliderKey, sliderX)
+    {
+      this.$emit('check', sliderKey, sliderX, this.done, this.error)
+    },
+    done()
+    {
+      this.success = true
+    },
+    error() {
+      this.failed = true
+      this.mask = true
+      this.shock = true
+      setTimeout(() => {
+        this.shock = false
+        this.$emit('error')
+      }, 1000)
+    },
+    close() {
+      this.dialogVisible = false
+      this.$emit('input', this.dialogVisible)
+      this.$emit('update:modelValue', this.dialogVisible)
+      this.$emit('close')
+    },
+    refresh()
+    {
+      this.$emit('refresh')
+    },
+    sliderTouchStart(e) {
+			// 移动触摸移动
+			const that = this
+			const slider = e.target
+			that.sliderMoveX = e.touches[0].clientX - slider.offsetLeft
+		},
+		sliderTouchMove(e) {
+			const that = this
+			const left = e.touches[0].clientX - that.sliderMoveX
+			if (left >= 20 && left <= 280) {
+				that.sliderMoveDrawLeft = 5 + left + 'px';
+				that.sliderMoveLeft = left + 'px';
+				that.sliderX = 5 + left;
+			}
+		},
+		sliderEnd(){
+			this.check(this.sliderKey, this.sliderX);
+		},
+		sliderStart(e) {
+			var that = this
+			const slider = e.target // 获取目标元素
+			// 算出鼠标相对元素的位置
+			that.sliderMoveX = e.clientX - slider.offsetLeft
+
+			document.onmousemove = (e) => {
+				const left = e.clientX - that.sliderMoveX
+				if (left >= 20 && left <= 280) {
+					//   slider.style.left = left + 'px'
+					that.sliderMoveDrawLeft = 5 + left + 'px';
+					that.sliderMoveLeft = left + 'px';
+					that.sliderX = 5 + left;
+				}
+			}
+
+			document.onmouseup = () => {
+				document.onmousemove = null
+				document.onmouseup = null
+				this.check(this.sliderKey, this.sliderX);
+			}
+		}
+  }
+});
+
+;// ./src/packages-slider-captcha/SliderCaptcha.vue?vue&type=script&lang=js
+ /* harmony default export */ var packages_slider_captcha_SliderCaptchavue_type_script_lang_js = (SliderCaptchavue_type_script_lang_js); 
+;// ../../../../node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-51.use[0]!../../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-51.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-51.use[2]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/packages-slider-captcha/SliderCaptcha.vue?vue&type=style&index=0&id=ef864250&prod&scoped=true&lang=css
+// extracted by mini-css-extract-plugin
+
+;// ./src/packages-slider-captcha/SliderCaptcha.vue?vue&type=style&index=0&id=ef864250&prod&scoped=true&lang=css
+
+;// ../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+;// ./src/packages-slider-captcha/SliderCaptcha.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = normalizeComponent(
+  packages_slider_captcha_SliderCaptchavue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "ef864250",
+  null
+  
+)
+
+/* harmony default export */ var SliderCaptcha = (component.exports);
+;// ../../../../node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/packages-slider-captcha/RotateCaptcha.vue?vue&type=template&id=0cc21023&scoped=true
+var RotateCaptchavue_type_template_id_0cc21023_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.dialogVisible)?_c('div',{staticClass:"lang-dialog__wrapper"},[_c('div',{staticClass:"lang-dialog"},[_c('div',{staticClass:"lang-dialog__header"},[_c('div',{staticClass:"lang-dialog__title"},[_vm._t("title",function(){return [_vm._v(_vm._s(_vm.title))]})],2),_c('button',{staticClass:"lang-dialog-header-btn",attrs:{"type":"button"},on:{"click":_vm.close}},[_c('i',{staticClass:"lang-icon-close"})])]),_c('div',{staticClass:"lang-dialog__body"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.failed),expression:"failed"}],staticClass:"tips"},[_vm._t("errorText",function(){return [_vm._v(_vm._s(_vm.errorText))]})],2),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.success),expression:"success"}],staticClass:"tips"},[_vm._t("successText",function(){return [_vm._v(_vm._s(_vm.successText))]})],2),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.failed && !_vm.success),expression:"!failed && !success"}],staticClass:"tips"},[_vm._t("tips",function(){return [_vm._v(_vm._s(_vm.tips))]})],2),_c('div',{staticClass:"rotate-body"},[_c('div',{staticClass:"rotate-bg"},[_c('img',{directives:[{name:"show",rawName:"v-show",value:(_vm.rotateImg),expression:"rotateImg"}],class:{'slider-shock':_vm.shock},style:({'transform': 'rotate(' + _vm.rotateX + 'deg)'}),attrs:{"src":_vm.rotateImg,"alt":""}}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isMove),expression:"isMove"}],staticClass:"rotate-correcting"}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.loading || _vm.success || _vm.failed),expression:"loading || success || failed"}],staticClass:"rotate-mask"}),_c('div',{staticClass:"rotate-icon",class:[
+                _vm.loading ? 'rotate-icon-loading':'',
+                _vm.failed ? 'rotate-icon-error' : '',
+                _vm.success ? 'rotate-icon-success' : ''
+              ]})]),_c('div',{staticClass:"rotate-progress"},[_c('div',{staticClass:"rotate-progress-bottom",class:{'slider-shock':_vm.shock}},[_c('p',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isSlider || _vm.rotateX === 0),expression:"!isSlider || rotateX === 0"}]},[_vm._v("拖动滑块使图片角度为正")])]),_c('div',{staticClass:"rotate-progress-btn",class:[(!_vm.isSlider || _vm.rotateX === 0) ? 'rotate-btn-slider-up' :
+                (_vm.loading ? 'rotate-btn-slider-loading' : (_vm.failed ? 'rotate-btn-slider-error' : 'rotate-btn-slider-active')),{'slider-shock':_vm.shock}, {'slider-start-shock': _vm.btnShock}],style:({'left': _vm.rotateMoveLeft}),on:{"&touchstart":function($event){return _vm.rotateTouchStart.apply(null, arguments)},"&touchmove":function($event){return _vm.rotateTouchMove.apply(null, arguments)},"&touchend":function($event){return _vm.rotateEnd.apply(null, arguments)},"mousedown":_vm.rotateStart}},[_c('p',{class:[(!_vm.isSlider || _vm.rotateX === 0) ? 'rotate-black' : 'rotate-white']})])])]),_c('div',{staticStyle:{"position":"relative"}},[_c('div',{staticClass:"slider-refresh",staticStyle:{"left":"35px"},on:{"click":function($event){$event.stopPropagation();return _vm.refresh.apply(null, arguments)},"mouseenter":function($event){_vm.refreshMessage = true},"mouseleave":function($event){_vm.refreshMessage = false}}},[_c('div',{staticClass:"slider-tools-btn lang-tips",staticStyle:{"width":"24px","height":"24px"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.refreshMessage),expression:"refreshMessage"}],staticClass:"lang-tips-item lang-tips-bottom"},[_vm._v(" "+_vm._s(_vm.refreshText))]),_c('img',{attrs:{"src":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPZSURBVHgB7VpLTuNAEC2b8NlNboDnBJgbJCdgOAFkAQixGDgB9gkIC4T4SIETTOYEhBOQOcF4buAVQojPvGfZGbv9iWMbE0vzpMam3e7Uq66u7q6yJhXh/PzcwKWjaZqJsop7E6XtF8JlwTPn7e3tF64jXMf7+/uOlIAmJTAYDNovLy/f39/fOyxSACSCd29A5r4ImUIEfG1buq5vyD8NlwbI3Ly+vtp5iFAGtpuJQKBxaOtQKhRcgQvF9Hd2duy0BldXV8eQQwMBKzeBs7Mzs9Vq/cCtkdYGpkBzuIcAY9r3ysqK2+v1aPse+cfHRwN9GL65rUHjnYyf5FzpqqNB4VFvodi5CVxeXtLOLUnWuoNn/eXl5dtA2LwIJj4IH0uyYthfb29vbxgWnve5CYRfUgVHsdD5rVQAkNnOIHKEZ1/CcgQE9KxO04SHxk+XlpbWqxKegDD0RF2UpD5PUpQoLUkBzSbhJRd1R/wx+QD49r6N0XD80ZiKxBGgbdKulWoXM7/7UcKHQdOAonp52sYI0FuA/Z1S7Ql/cHAwlpoAb7Wap12MAP28xCeSXafwGY4jhggBmo76IicsJmtfasIswhPqCFjK/w78uyU1YVbhiYkXovZh+1vKc2vWxako+PvcHuDWzvnKiH+0UAeW4rocmM5XmXNMTChJ+9IAeASwaPHwYYQfYKX9KQ2ARwB7cDNcyV1lXbZfFh4B/2AyAba5jdA+4RGAwJFtMvfy0hB4BGAyplLvSEMQeKHICJSNFNQJXRqO/wQ+GwGBiM/3D9uNQEDAUeoNaQg8AoxVRip13ZSGIFgHIgsXFrYNaQiClXgYruTCxrOxNAAeAX/hckL17efn521pACZuVA0oNcWMJgQQiI0c3BmAvbi4+CZzjgkB7v8Twnon8z4XpkUlDMyFXCG+z0KEACczo75Km8Pr6+stmVPEwus0GWj9QaKrMZNz3d3d3VoPOkyq+IvqKG2LH9vMcS4gPrMp0f1RG5P6zj/81wKOOuKjDyAwQPmN/VknqV3ibtSPg6qm5JGAZzqUDwZD+wg03CjVnaS2mRmahGBXgD7CLnbVkQvffAe4jblvmPB6kglPTTFlkHCkohRTjuznUVqAOVeSzzebk5THDopVJFGdQ/BIki8JudOsfvCXiQ8jtTNk3WG797gdLSwsuIuLi044zfr09MTkiclVHte1rOw++hqjr81pSpk5U59hUlWBhO28OYmynxpUucBxK3PKPdkszqHUxx6hRDXTUoXWCMZhcRkWSZQTpQiEEf7cBtc1FAP3RqiJC2EpIF3hH54Coe1hWVf8FxUNF4vY5AiIAAAAAElFTkSuQmCC"}})])])])])])]):_vm._e()}
+var RotateCaptchavue_type_template_id_0cc21023_scoped_true_staticRenderFns = []
+
+
+;// ../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/packages-slider-captcha/RotateCaptcha.vue?vue&type=script&lang=js
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var RotateCaptchavue_type_script_lang_js = ({
+  name: 'RotateCaptcha',
+  props:
+  {
+    value: {
+      type: Boolean,
+      default: false
+    },
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: '安全验证'
+    },
+    tips: {
+      type: String,
+      default: '请完成下方验证'
+    },
+    successText: {
+      type: String,
+      default: '验证成功'
+    },
+    errorText:{
+      type: String,
+      default: '是不是太难了，咱换一个'
+    },
+    question: {
+      type: String,
+      default: ''
+    },
+    refreshText: {
+      type: String,
+      default: ''
+    },
+    options: {
+      type: Object,
+      default() {
+        return {
+          rotateImg:'',
+          rotateKey: ''
+        }
+      }
+    }
+  },
+  watch: {
+    value: {
+      handler: function(val) {
+        this.init(val)
+      },
+      immediate: true
+    },
+    modelValue: {
+      handler: function(val) {
+        this.init(val)
+      },
+      immediate: true
+    },
+    options: {
+      handler: function(option) {
+        this.clear()
+        this.rotateImg = option.rotateImg
+        this.rotateKey = option.rotateKey
+      },
+      deep:true,
+      immediate: true
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      btnShock: false,
+      success: false,
+      failed: false,
+      rotateImg: '',
+      rotateKey: '',
+      rotateX: 0,
+      rotateRate: 1.7,
+      rotateWdtih: 212,
+      isSlider: false,
+      rotateMoveLeft: '0px',
+      isMove: false,
+      shock: false,
+      tipEvents: {},
+      rotateMoveX: 0,
+      questionMessage: false,
+      refreshMessage: false,
+    }
+  },
+  methods: {
+    init(open) {
+      this.dialogVisible = open
+      if(open) {
+        this.btnShock = open
+        setTimeout(() => {
+          this.btnShock = false
+        }, 1000)
+        this.clear()
+      }
+    },
+    clear() {
+      this.success = false
+      this.failed = false
+      this.rotateImg = ''
+      this.rotateKey = ''
+      this.rotateX = 0
+      this.rotateMoveLeft = '0px'
+    },
+    check(rotateKey, rotateX)
+    {
+      this.$emit('check', rotateKey, rotateX, this.done, this.error)
+    },
+    done()
+    {
+      this.success = true
+    },
+    error() {
+      this.failed = true
+      this.shock = true
+      setTimeout(() => {
+        this.shock = false
+        this.isSlider = false
+        this.rotateMoveLeft = '0px'
+        this.$emit('error')
+      }, 1000)
+    },
+    close() {
+      this.dialogVisible = false
+      this.$emit('input', this.dialogVisible)
+      this.$emit('update:modelValue', this.dialogVisible)
+      this.$emit('close')
+    },
+    refresh()
+    {
+      this.$emit('refresh')
+    },
+    rotateTouchStart(e) {
+      // 移动触摸移动
+      const that = this
+      if(that.loading || that.failed || that.success) return
+      const rotate = e.target
+      that.rotateMoveX = e.touches[0].clientX - rotate.offsetLeft
+      that.isSlider = true
+      that.isMove = true
+    },
+    rotateTouchMove(e) {
+      const that = this
+      if(that.loading || that.failed || that.success) return
+      let left = e.touches[0].clientX - that.rotateMoveX
+      if (left >= 0 && left <= that.rotateWdtih) {
+        if (left < 5) left = 0
+        that.rotateMoveLeft = left + 'px'
+        that.rotateX = left * that.rotateRate
+      }
+    },
+    rotateEnd() {
+      if(this.loading || this.failed || this.success) return
+      this.isMove = false
+      this.check(this.rotateKey, this.rotateX)
+    },
+    rotateStart(e) {
+      var that = this
+      if(that.loading || that.failed || that.success) return
+      const rotate = e.target // 获取目标元素
+      // 算出鼠标相对元素的位置
+      const rotateX = e.clientX - rotate.offsetLeft
+
+      that.isSlider = true
+      that.isMove = true
+      document.onmousemove = (e) => {
+        let left = e.clientX - rotateX
+        if (left >= 0 && left <= that.rotateWdtih) {
+          if (left < 5) left = 0
+          that.rotateMoveLeft = left + 'px'
+          that.rotateX = left * that.rotateRate
+          // console.log(that.rotateX)
+        }
+      }
+
+      document.onmouseup = () => {
+        // console.log('放开了我')
+        that.isMove = false
+        document.onmousemove = null
+        document.onmouseup = null
+        this.check(this.rotateKey, this.rotateX)
+      }
+    }
+  }
+});
+
+;// ./src/packages-slider-captcha/RotateCaptcha.vue?vue&type=script&lang=js
+ /* harmony default export */ var packages_slider_captcha_RotateCaptchavue_type_script_lang_js = (RotateCaptchavue_type_script_lang_js); 
+;// ../../../../node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-51.use[0]!../../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-51.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-51.use[2]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/packages-slider-captcha/RotateCaptcha.vue?vue&type=style&index=0&id=0cc21023&prod&scoped=true&lang=css
+// extracted by mini-css-extract-plugin
+
+;// ./src/packages-slider-captcha/RotateCaptcha.vue?vue&type=style&index=0&id=0cc21023&prod&scoped=true&lang=css
+
+;// ./src/packages-slider-captcha/RotateCaptcha.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var RotateCaptcha_component = normalizeComponent(
+  packages_slider_captcha_RotateCaptchavue_type_script_lang_js,
+  RotateCaptchavue_type_template_id_0cc21023_scoped_true_render,
+  RotateCaptchavue_type_template_id_0cc21023_scoped_true_staticRenderFns,
+  false,
+  null,
+  "0cc21023",
+  null
+  
+)
+
+/* harmony default export */ var RotateCaptcha = (RotateCaptcha_component.exports);
+;// ./src/packages-slider-captcha/index.js
+
+
+
+const Components = {
+  SliderCaptcha: SliderCaptcha,
+  RotateCaptcha: RotateCaptcha
+}
+
+const myComponents = {
+  install(app) {
+    Object.keys(Components).forEach((key) => {
+      app.component(key, Components[key])
+    })
+  }
+}
+
+// 导出
+/* harmony default export */ var packages_slider_captcha = (myComponents);
+;// ../../../../node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
+
+
+/* harmony default export */ var entry_lib = (packages_slider_captcha);
+
+
+}();
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});
+//# sourceMappingURL=tinydev-slider-captcha.umd.js.map