vue2-verify
Version:
Vue Verification code Project
2 lines • 30.5 kB
JavaScript
webpackJsonp([0],{"7Otq":function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTk2QkI4RkE3NjE2MTFFNUE4NEU4RkIxNjQ5MTYyRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTk2QkI4Rjk3NjE2MTFFNUE4NEU4RkIxNjQ5MTYyRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjU2QTEyNzk3NjkyMTFFMzkxODk4RDkwQkY4Q0U0NzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjU2QTEyN0E3NjkyMTFFMzkxODk4RDkwQkY4Q0U0NzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5WHowqAAAXNElEQVR42uxda4xd1XVe53XvvD2eGQ/lXQcKuDwc2eFlCAGnUn7kT6T86J/+aNTgsWPchJJYciEOCQ8hF+G0hFCIHRSEqAuJBCqRaUEIEbmBppAIBGnESwZje8COZ+y587j3PLq+ffadGJix53HvPevcuz60xPjec89ZZ+39nf04+9vLSZKEFArFzHA1BAqFEkShUIIoFEoQhUIJolAoQRQKJYhCoQRRKJQgCoUSRKFQKEEUCiWIQrFo+Gv/8/YH+f/nsMWSHHMChyhxqPTTdyncWyJ3ScD/ztipiB3wXSqu6P17avN+TyFC5ggv4tRnmoxWTP1+5F+Mz17GPvPl49EKBWd3UsfXllPiso8VcYtmPba3fNuKrBVXrGFCbrdPwXndFL49ltI367roOpSUI4pGypv9s7q+ltj6JxqOQ07Bo/DgxGb2/a8cX0CnAWXJ5etz2TqdHiXHKlKj9w6i9XX8Ic41DmI8FVHhmmXk85MmRhCzJoiTWnig9LfJRHihgydxzAxJhBr7Bh/hK3yu+p9568FliTJF2aKMZfVd/kQOcKP6OBmS9+Rjm4zJ6faoeN0gOUn61MncLX4CJ+MRhe+P/dRxhfew2Df4CF/hs4jWg8vQYUKYMuWyRRkLjeHQ8YP0Z9mekVjA8Qj3VVcuoeDiXu63lkUE0ym6FA5PXBaNVr7qtPumGyPR4Bt8hK/wWUR5chn6XJYoU5StUHL8l+XEx2axhkS6yk+chJuP4rXLyOkIKJkS0B67adcqfL/0Y4pixxSysK6V8Yl9Mz7i3272NRFlhzJsu24Z5l9E9Ahmwfrpoj7uw3fZtktsRZKjIXnndlLxin7+W8ZTBwPf6I+Tg9HwxK2Ob8citbCoBoaxBxMCvsFH+CqjHCtUvLzflKWUcpwB91gupG5f9/Rtx39ZZBtmWyJtphKzHTQW0diP36b4aJmcLj/zGaSkHJPb4SWFi/tOJd8bTqd9s48VBRh4RKeUX/vjgXg8cpyCmz05xkJylxSoa8M5RF0eJaVIIkGOsg2yTc3UgpD94psiWxEOqDNYoOIXuHnGwE5AXUTFi46FTnRw4l/dwEm7/pSxcYnCF/gE3zInh52RRJkVP7/MlKFQcgCbjifHTAQBfsb2qsgBO3e1Cpf3UXBej3nRJKKrxU/rcH/pKzz4vNIQuRJTEmZklbg6EL4SPsE3GQPzinmfhbJDGQolB+r8w58abs5y8DqRt4ABeptLRR7koY9NleybEYw/MPisvF/ayT1/SvDewcnIcG32wfiCAbEvoCZyGaGsitdyz6XdTctQJq6fcT5mloNfYvu5yFZkpEz+RT0UrFoqpxVBV+vQxIrkaPnrbqdvXs6hcjbU+Jq4Nvvwd/BFRNeq2npwWfkX95iyE9p6PM72P/MhCPANTBSKu5WITHcC074Y9CUTkYglKBgcV/aVtlM5Kpp/RHFjDdfka7MP/2wG6m72661QNigjlBXKTGBtsjWKNs5atCf44Uds3xc5YD8Wknd2BxWuGjCzIxLWQzlFj+IjU108OL7bafM5sm5DDdfka/8T+9AJXyTMpqFsUEYoK5SZ0NbjVlvX500Q4Ha2A+JuCcEvhVS8qp/8MzspHhMSfO7mVPaP35BMRp9JsCQldbX+hmvxNfnamzJfqVvtWnGZoGxQRigroYs6UbfvOGHn4ORVkTaIbEWwtqg3MNO+Zql0JGCdVuCayhDuG9uJB7vp+oR17FbZc+NauCauLWLmKkqXr6NsUEYoK6GtxwY6CXXnEs0n2faIHLCPhhR8bikFKwRN+xZddHWu5a7Ol9yCZ2ZwHKdOxufGNeKRqS/hmnLWW1VMmQSrl5oyEkqOPbZu02IJAsic9sU7B+5uF9cOmqUfeLOdOaAZYb/CA+M/Ic9NxUoYMNfD/PT84f7xB807EAnrrbgMUBZt1w1SEpCIqfjF1Om5EuQNth0iu1r8tPLP76LCpX2yWpHDk2dGH018p6brtD5hOHf04cR3okOTZ0lqPVAW3gVdlMhdrfsTW6drRhDgRrYJcbeKZQxTkenvegNt6YBQwrQvOxG+P3ZHEia9TuClS9Br1XKge8XnxLlxjelzZ/2w4tijDMxyoHIsVQg1zvYPcy7KeZx4jG2zyFakFJF7Whu1XT2QvhfJeryeVNdplYPo4Pi9hKd7VVxVC8O5cH4+N65hXgoKuGfEHmWAskjGxI49Ntu6XHOCAD9ie1PcLSepjDNY00fB8m6KpSyJx/jgg9LfJEfLK40818w+LXY5e5zKaMfKl+DcIlSCZp0cd3U59igDI4+WOa2LunvfvDoD9RrcNLqAjDy3yzfrtKqbAkggSDIZmSlYxzz9a8BaJ101zF2rh3BuSTJaCKGMDEGujHbedXch0X2ebbdEkkDC6a9cQoWVguS53P0JP5xcHY1W/tppD9KxgrdAw5QxnwPn4nOukrPeqkzBJb0m9oJltLtt3a07QYD1IkMAeS7/hw0BXMhzJwXJc/eV7kuiyIN8OOGuUhLP06JUeoxz4FxiZLRouTsDM9WO2OdBRtsIgrzHtk3kgH00JO+cTipc2S9jqyCaluf2xwcnfuB6LndHuEsSzdP4N/gtzoFzSZHRIsaQQiPmidyXgttsnW0YQYDvsh2ROGBPxkMqXjNA/qlCFsnZ8UdlX+kfk0pymlnMWH2JOBfz0sWI+C3OMS1dzPphhPVWHOPC5wdMzIUOzFFHb1lwB2ARF+ZOPt0gshWBPLe/wCRZlu6CIkSei/cE0fD4g2ZbVWceyxH5WPwGvzXrrSTJaDnG7oBoGS3qaCULggCPsv1W5IAd8tzLllJwvpx1WthMIfyg9OVotHy1WVQ4V37wsfgNfkuSZLQcW8Q4lruU/RVbRykrggDXiwwN3uQWnXTa1xMkz2W/on2lndNajpNtAGePw2/MOicBMlqs+8K7GBNbjrFgGe2iX0nUgiAvs+0S2YpgndaFPVRc3SdmVanZlfGjifOiw5PrT/oGvPpG/vDkEH4jZ70Vt86rl5rYimmdP41/s3Uzc4Isup9XNxwvz+0tyNAlONPrtO6hctR+QnluKqNt52O3pxvtClhvxTH0egtmEwbBMlrUxU21OFGtCHKYbavIATv3j90z26kIea4QZRtahfhIuT0anrjH7O3rpjNVHzPIaLG3Lh8Tj5TbRQihjlNyehxTwTLarbZOiiEIcBfbPnGhMtroChXW9JN/VqeYdyPEY4nwwPj6ZCL8C1T+T61JhDqRv8MxZgwlJG2BxzEsrBmgeEzseqt9ti6SNIIA8t6wm901eFDZ66d7M4UkQ56LVgTTvvtKaRqFqoTWymjxGb6LpUzrImYcuzaOIWKJmAptPWpaB2sd+V+yvSB1wB6s7qXgwiUyBpbJdBqFq6MjU18mKCKhRsTyEbx558/wnRmYJzLiV+DYBat6JQ/MX7B1UCxBAKHy3IQrH6W7MhY9MWkUMNAN948/8Mm35/jMDIKlpC3gmBWQtsAjifkE61b36kGQP7DdL7KrVZXnXiYpjYKZxj09Gh7f4kB4yIa/8ZmU1brIIYiYIXaJ3Nbjflv3xBME+DZbSVwIzfIIK89dJkSea18Ihu+XflD9yPztCJnW5Ri5VRntpNh8giVb5ygvBIHu9yaRrchYRO6fFU0CSTPQlDLte6zshx9O3g3D3yJajySd4EDaAsQMsRPaetxk61zty+YTCXRqjf9jO19cOLnyYV+p8QffpcreMXJ7BeRgh77Ds6SIYhGbMBgB2tld1DW0nGL4VxbZfKBbdUHdhol1dl7mOi0MOjttGgWT11lAwU9r1mMSsX0oxwSxgYyWOvKXtiAvBPkV239I7GqZdVqX9FDw2V5+UoYipn2nt/WRMK3LMQlW9poYCZ7WfcrWsdwSBNggMrRYdcLdhjas0+q28lzJOc8bOU7jWLh2AwzEyLxclYm6Z2ZuBEE+YLtTZEVA9tzPdBh5biJ3q5rGD8yRjXbNAPkcm0RuyjTUqf3NQBDge2yHJFaGeDyi4tUD5J3WIXmzs8Y9NDgG3un80OCYIDZCHxqHbJ2iZiEIGmnB8twgzYIkd7vMxiBON59GLJyBQLKMdiM1qOPXyMn2f2f7X5EDdshzkUbhAtED0oZMXCAGiIXgtAW/YXusURdr9NsoufLcgmP20zKy2ErrNSNGRuunMUAshL7zABq61q/RBPkd2yNSn57+X3ZTQZA8t7H3H5p7RwwEt6KP2DrUtAQBIIUsiwt99Kf+tydFntuocVhVRltNWyBTRlumGslopRNkhO1mkRVlLCT3jHYzqyU48WSN+1ZWRou0BZDRyp3Ju9nWnaYnCHA3216JlQWy0gKy557dJSaNQn0nKNL1VrhnwTLavbbOUKsQBBApzzVpFHqsPFdIGoW6AfeG7cMwrcv3TC0io80LQZ5me07kU3WkYqSlhYvkpFGoz8C8bO7RyGjlpi14ztaVliMIIFOeizQKbpI+WdsDGfLcWvcmsaK53b4gdUW3lENZXjxrgrzNdq/IAftohbzzOql4eV/zjUUcu96K7w33KFhGi7rxVisTBEBSxWPiiqYqz71mGfmDQuS5tSIHstHyPZnd7+XKaI+RgKSxEggySWmKaXkVaSwi5xSbRmGiSdZpxVZGy/eEexMso73R1o2WJwiwk+11kQNZrNO6oo+Cc7vz39Wy07q4l+CKfnNvQu/ndVsnSAkifcCOAXq7R8W1y9JdRvI87QvfnTRtgdPeujLavBLkv9meEPnUHS2Tf1EPFT67lOKRnE77munrsrkH/+IeydPXqAO/VoLMDMhz5T2irTzXpFHoKeRPnluV0XYX0mlduTLamIRJtKUR5CDbbSIrGPfX/eUdVFyTQ3luku6OaNIW/HmH5LQFt9k6oAQ5Ab7PNiyxkmGndUhRvTNyJM9F1wrZaM9IZbQmG63MocewxIejRIKg+DaKbEXGI3KWBtT2hUFKyonUZeEfB3xkX4vsM3wXvIx/IwmMqCu0WH/B9qLIpzG6Wp/rpWBFj/x1WnaCAb4G7LPgad0XbZmTEmTukDnti0yzgZvKcwNPtDzXyGjZR5ONFincVEbbVAR5je0hkU/lkTL5F3TZzQ2EvjysJr1hH/0LuiVPTz9ky1oJsgB8iwQsN5hplISns5Hn9hXl9eurMlr2zUzrVsQuk5m0ZUxKkIXhKNsWkQN2yHNPhzx3WbqQMRZGYCOjXWZ8FDzjtsWWsRJkEfgh2zvyOvhWnovsucu75GTPtdlo4RN8i+W+s3nHli0pQRaPIXEeVeW53V46YJciz2Uf4IvxiX0juW/9h/JQ8fJCkGfZnpE5YK9QsHIJBZcIkOdW141d3Gt8EiyjfcaWqRKk6Z84kOc6duODjmzluUZGyz4g6Q18UhltaxHkXbbtIgfsRyvknQt5bobZc6dltP3Gl0SudmW7LUslSJ1mPUbFeWVUepDnDpB3SgazRtW0BXxt+ABfhE7rypyVbCKCTLF9U2QrgjQKg3b7zskGv3eI0+XsuDZ8EJy2YJMtQyVIHfEztldFDtghz728j4LzGphGoZq2gK9ZMDuwiH3ngTJ7OG+VLY8EAeTKc9ts9lwk42zEOi2st+JrYZIA1xYso12Xx4qWV4K8xPZzka3ISCrPDVY1YJ1WtfVYZWW0ctdbPW7LTAnSQHyDJCoykEYhTNdpuUsK6YDZqQ85cG5cw6y3CsWmLYBXG/NayfJMkI8oVR/KG7AfC8k7u4MKVw2kM1r1eB2RpDNXuAauJVhGe6stKyVIBrid7YA4r6o5N5BG4cxOI3mtaeWtymj53LiG4FwmKJs78lzB8k4QVIsN4ryqynN7AzP1ShXIc2tYg3GuSpJO6/aKltHK3KWmhQgCPMm2R+SAfTSkANlzV9Rw2rc6MDcyWtHZaPfYsiElSPaQOYVYiSnxiIprB8kpeGn+v8U2mZD8FjxzTpybKjqtqwQ5Od5g2yGyq4Xsued3UeHSvsW3IlUZLZ8L5xSctmCHLRMliCBgN/AJcV7F6SpbjBe8gUWkUaimLeBzmOUsU2JltOMkcbd+JQiNkYB8ErNVbPe0Nmq72i4kXMiwNUnfe+AcOJfgfCWbbVkoQQTiR2xvivPKynODNX0ULF9AGoVq2gL+Lc4hWEaL2N/XTBWq2Qgic3BYled2+ekeVfOV51az0WKNF59DsIx2XbNVpmYkyPNsuyWSBBJYf+USKsxHnlvNRsu/8WXLaHfb2CtBcoD1Ir2CPJf/wxSt2xmkupGT9c6QtoCPNdO66FfJldGub8aK1KwEeY9tm8gB+2hI3jmdVLii/+RbBdktfHAsfpPIfSm4zcZcCZIjfJftiMQBO1IQQBrrn3qCRYZ20SOOMTLacbHrrRDjW5q1EjUzQbiTTzeIbEUgz+232XNne59RfX+CbLT9omW0iHFFCZJPPMr2W5EDdshzL1tKwfkzrNOqrrfi73CMYBntKzbGpATJL64X6RXWZRVtxlnP+VgaBZO2wEu/wzGatkAJUk+8zLZLZCuCdVoXciux+rhVuXYVMD7Dd7Hc9Va7bGyVIE0Amf3kaXnuIHm9qTwXhr/xmWAZbUXk+E4JsmAcZtsqcsAOee6Z7VS08lwY/sZngmW0W21MlSBNhLvY9onzCqtIxipUuKqf3L6iMfyNz4RO6+6zsWwJ+NRawNvep8S1IhMxucie+8VT0o+6PIqPiB17rG+lCtNqBPkl2wts14gbsCONwqVLzT8Fr7d6wcawZeBS60Hm1GSSTu+a6d5EY6cEyQ5/YLtf4oCd4iQ1ma3H/TZ2SpAWwLfZSqSYK0o2ZqQEaQ1AN32T1vs54yYbMyVIC+GBVuwyLLBL+kCr3rzb4oV/vdZ/jZESZHb8iqS9F5GFp2yMlCAtjCENgcZGCTI79rPdqWH4FO60sVGCKOh7bIc0DNM4ZGNCShAFEFKOsyDVARttTJQgGoJpPMb2Gw2DicFjGgYlyExYpyHQGChBZsfv2B5p4ft/xMZAoQSZFZso3TKo1VC2965QgpwQI2w3t+B932zvXaEEOSnuZtvbQve7196zQgkyZ6zXe1UoQWbH02zPtcB9PmfvVaEEmTeG9B6VIIrZ8RbbvU18f/fae1QoQRYMJKU81oT3dYwkJj1VguQOk9REaY2Pw4323hRKkEVjJ9vrTXQ/r9t7UihBaobr9V6UIIrZ8Wu2J5rgPp6w96JQgtQcG2jmhGl5QWzvQaEEqQsOst2WY/9vs/egUILUtZIN59Dv4ZyTWwmSEyDnUx7luRtJar4qJUjT4RdsL+bI3xetzwolSMOwTn1Vgihmx2tsD+XAz4esrwolSMPxLZK9XGPS+qhQgmSCo2xbBPu3xfqoUIJkhh+yvSPQr3esbwolSOYYUp+UIIrZ8SzbM4L8ecb6pFCC6BNbWw8lSB7wLtt2AX5st74olCDikPWskfRZNSVIi2OKst2+c5P1QaEEEYuH2V7N4Lqv2msrlCDisa5FrqkEUSwIL7E93sDrPW6vqVCC5AaN0l/kVZ+iBGlxfMR2awOuc6u9lkIJkjvcwXagjuc/YK+hUILkEgnVdxeRDfYaCiVIbvEk2546nHePPbdCCZJ7rMvJORVKkEzwBtuOGp5vhz2nQgnSNMBu6uM1OM84Nedu80qQFscY1SYfx2Z7LoUSpOlwH9ubi/j9m/YcCiWIDth1YK4EaUU8z7Z7Ab/bbX+rUII0PdY36DcKJUgu8R7btnkcv83+RqEEaRncwnZkDscdsccqlCAthQrbDXM47gZ7rEIJ0nJ4lO2VE3z/ij1GoQRpWaxb4HcKJUhL4GW2XTN8vst+p1CCtDw+Oc6Y6/hEoQRpCRxm23rcv7fazxRKEIXFXZRuwBDZvxUC4GsIREHflguDkyQqaVYotIulUChBFAoliEKhBFEolCAKhRJEoVCCKBRKEIVCCaJQKJQgCoUSRKFQgigUShCFIhP8vwADACog5YM65zugAAAAAElFTkSuQmCC"},Fv5Y:function(t,e){},NHnr:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=i("7+uW");function o(t){var e=t.$el.parentNode.offsetWidth||window.offsetWidth,i=t.$el.parentNode.offsetHeight||window.offsetHeight;return{imgWidth:-1!=t.imgSize.width.indexOf("%")?parseInt(this.imgSize.width)/100*e+"px":this.imgSize.width,imgHeight:-1!=t.imgSize.height.indexOf("%")?parseInt(this.imgSize.height)/100*i+"px":this.imgSize.height,barWidth:-1!=t.barSize.width.indexOf("%")?parseInt(this.barSize.width)/100*e+"px":this.barSize.width,barHeight:-1!=t.barSize.height.indexOf("%")?parseInt(this.barSize.height)/100*i+"px":this.barSize.height}}const r=[1,2,3,4,5,6,7,8,9,"a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"],n=["#fffff0","#f0ffff","#f0fff0","#fff0f0"],a=["#FF0033","#006699","#993366","#FF9900","#66CC66","#FF33CC"];var h={name:"VerifyCode",props:{type:{type:String,default:"1"},figure:{type:Number,default:100},arith:{type:Number,default:0},width:{type:String,default:"200px"},height:{type:String,default:"60px"},fontSize:{type:String,default:"30px"},codeLength:{type:Number,default:6}},data:()=>({isEnd:!1,inputValue:"",containerBackgroundColor:"#fff",containerColor:"#fff",codeChose:"",codeShow:[]}),methods:{init(){this.setCode(),this.$parent.$emit("ready",this)},setCode(){if(0==this.isEnd)if(this.containerBackgroundColor=n[Math.floor(3*Math.random())],this.containerColor=a[Math.floor(5*Math.random())],this.inputValue="",this.codeShow=[],this.codeChose="","1"===this.type)for(var t=0;t<this.codeLength;t++){var e=Math.floor(52*Math.random()),i=e%2==0?"font-style:italic;margin-right: 10px":"font-weight:bolder";i+=1==Math.floor(2*Math.random())?"font-weight:bolder":"",this.codeChose+=r[e],this.codeShow.push({style:i,char:r[e]})}else if("2"===this.type){var s=Math.floor(Math.random()*this.figure),o=Math.floor(Math.random()*this.figure);let t="";if(0==this.arith)var h=Math.floor(3*Math.random());switch(h){case 1:this.codeChose=parseInt(s)+parseInt(o),t=s+" + "+o+" = ?";break;case 2:if(parseInt(s)<parseInt(o)){var c=s;s=o,o=c}this.codeChose=parseInt(s)-parseInt(o),t=s+" - "+o+" = ?";break;default:this.codeChose=parseInt(s)*parseInt(o),t=s+" × "+o+" = ?"}this.codeShow=t.split("")}},checkCode(){let t,e;"1"===this.type?(t=this.inputValue.toUpperCase(),e=this.codeChose.toUpperCase()):(t=this.inputValue,e=this.codeChose),console.log(t),console.log(e),console.log(t==e),t==e?(this.isEnd=!0,this.$parent.$emit("success",this)):(this.$parent.$emit("error",this),this.setCode())},refresh(){this.isEnd=!1,this.inputValue="",this.setCode()}},watch:{type:{immediate:!0,handler(){this.init()}}},mounted(){this.$el.onselectstart=function(){return!1}},i18n:{messages:{"en-US":{},"zh-CN":{}}}},c={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cerify-code-panel"},[i("div",{staticClass:"verify-code",style:{width:t.width,height:t.height,"line-height":t.height,"font-size":t.fontSize,"background-color":t.containerBackgroundColor,color:t.containerColor},on:{click:t.setCode}},t._l(t.codeShow,function(e){return i("span",{style:e.style},[t._v("\n "+t._s(e.char||e)+"\n ")])}),0),t._v(" "),i("div",{staticClass:"verify-code-area",style:{width:t.width}},[i("div",{staticClass:"verify-input-area"},[i("input",{directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],staticClass:"varify-input-code",attrs:{type:"text"},domProps:{value:t.inputValue},on:{input:function(e){e.target.composing||(t.inputValue=e.target.value)}}})]),t._v(" "),i("div",{staticClass:"verify-change-area",on:{click:t.setCode}},[i("a",{staticClass:"verify-change-code"},[t._v("换一张")])])])])},staticRenderFns:[]},l=i("VU/8")(h,c,!1,null,null,null).exports,d={name:"VerifySlide",props:{type:{type:String,default:"1"},mode:{type:String,default:"fixed"},vOffset:{type:Number,default:5},vSpace:{type:Number,default:5},explain:{type:String,default:"向右滑动完成验证"},imgUrl:{type:String,default:"http://via.placeholder.com/"},imgName:{type:Array,default:()=>["350x150","350x450"]},imgSize:{type:Object,default:()=>({width:"400px",height:"200px"})},blockSize:{type:Object,default:()=>({width:"50px",height:"50px"})},barSize:{type:Object,default:()=>({width:"400px",height:"40px"})}},data:()=>({imgRand:0,text:"",finishText:"",setSize:{imgHeight:0,imgWidth:0,barHeight:0,barWidth:0},top:0,left:0,showImage:!0,moveBlockLeft:void 0,leftBarWidth:void 0,moveBlockBackgroundColor:void 0,leftBarBorderColor:"#ddd",iconColor:void 0,iconClass:"icon-right",status:!1,isEnd:!1,showRefresh:!0,transitionLeft:"",transitionWidth:""}),computed:{barArea(){return this.$el.querySelector(".verify-bar-area")},resetSize:()=>o},methods:{init(){this.text=this.explain,this.imgRand=Math.floor(Math.random()*this.imgName.length),this.$nextTick(()=>{let t=this.resetSize(this);for(let e in t)this.$set(this.setSize,e,t[e]);this.randSet(),this.$parent.$emit("ready",this)});var t=this;window.removeEventListener("touchmove",function(e){t.move(e)}),window.removeEventListener("mousemove",function(e){t.move(e)}),window.removeEventListener("touchend",function(){t.end()}),window.removeEventListener("mouseup",function(){t.end()}),window.addEventListener("touchmove",function(e){t.move(e)}),window.addEventListener("mousemove",function(e){t.move(e)}),window.addEventListener("touchend",function(){t.end()}),window.addEventListener("mouseup",function(){t.end()})},start:function(t){0==this.isEnd&&(this.text="",this.moveBlockBackgroundColor="#337ab7",this.leftBarBorderColor="#337AB7",this.iconColor="#fff",t.stopPropagation(),this.status=!0)},move:function(t){if(this.status&&0==this.isEnd){if(t.touches)e=t.touches[0].pageX;else var e=t.clientX;var i=e-this.getLeft(this.barArea);"1"!==this.type?i>=this.barArea.offsetWidth-parseInt(parseInt(this.blockSize.width)/2)-2&&(i=this.barArea.offsetWidth-parseInt(parseInt(this.blockSize.width)/2)-2):i>=this.barArea.offsetWidth-parseInt(parseInt(this.barSize.height)/2)+3?(this.finishText="松开验证",i=this.barArea.offsetWidth-parseInt(parseInt(this.barSize.height)/2)+3):this.finishText="",i<=0&&(i=parseInt(parseInt(this.blockSize.width)/2)),this.moveBlockLeft=i-parseInt(parseInt(this.blockSize.width)/2)+"px",this.leftBarWidth=i-parseInt(parseInt(this.blockSize.width)/2)+"px"}},end:function(){var t=this;if(this.status&&0==this.isEnd){if("1"!==this.type){var e=parseInt(this.vOffset);parseInt(this.left)>=parseInt((this.moveBlockLeft||"").replace("px",""))-e&&parseInt(this.left)<=parseInt((this.moveBlockLeft||"").replace("px",""))+e?(this.moveBlockBackgroundColor="#5cb85c",this.leftBarBorderColor="#5cb85c",this.iconColor="#fff",this.iconClass="icon-check",this.showRefresh=!1,this.isEnd=!0,this.$parent.$emit("success",this)):(this.moveBlockBackgroundColor="#d9534f",this.leftBarBorderColor="#d9534f",this.iconColor="#fff",this.iconClass="icon-close",setTimeout(function(){t.refresh()},400),this.$parent.$emit("error",this))}else parseInt((this.moveBlockLeft||"").replace("px",""))>=parseInt(this.setSize.barWidth)-parseInt(this.barSize.height)-parseInt(this.vOffset)?(this.moveBlockBackgroundColor="#5cb85c",this.leftBarBorderColor="#5cb85c",this.iconColor="#fff",this.iconClass="icon-check",this.showRefresh=!1,this.finishText="验证成功",this.isEnd=!0,this.$parent.$emit("success",this)):(this.finishText="",this.moveBlockBackgroundColor="#d9534f",this.leftBarBorderColor="#d9534f",this.iconColor="#fff",this.iconClass="icon-close",this.isEnd=!0,setTimeout(function(){t.finishText="",t.refresh(),t.isEnd=!1},400),this.$parent.$emit("error",this));this.status=!1}},randSet:function(){var t=Math.floor(9*Math.random()+1),e=Math.floor(9*Math.random()+1),i=t*parseInt(this.setSize.imgHeight)/15+.1*parseInt(this.setSize.imgHeight),s=e*parseInt(this.setSize.imgWidth)/15+.1*parseInt(this.setSize.imgWidth);this.top=i,this.left=s},refresh:function(){this.showRefresh=!0,this.finishText="",this.transitionLeft="left .3s",this.moveBlockLeft=0,this.leftBarWidth=void 0,this.transitionWidth="width .3s",this.leftBarBorderColor="#ddd",this.moveBlockBackgroundColor="#fff",this.iconColor="#000",this.iconClass="icon-right",this.randSet(),this.imgRand=Math.floor(Math.random()*this.imgName.length),this.isEnd=!1,setTimeout(()=>{this.transitionWidth="",this.transitionLeft="",this.text=this.explain},300)},getLeft:function(t){let e=0;for(;t;)e+=t.offsetLeft,t=t.offsetParent;return e}},watch:{type:{immediate:!0,handler(){this.init()}}},mounted(){this.$el.onselectstart=function(){return!1}},i18n:{messages:{"en-US":{},"zh-CN":{}}}},f={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticStyle:{position:"relative"},on:{mouseover:function(e){t.showImage=!0},mouseout:function(e){t.showImage=!0}}},["2"===t.type?i("div",{directives:[{name:"show",rawName:"v-show",value:t.showImage,expression:"showImage"}],staticClass:"verify-img-out",style:{display:"pop"===t.mode?"none":void 0,position:"pop"===t.mode?"absolute":"relative",height:parseInt(t.setSize.imgHeight)+t.vSpace+"px",bottom:"pop"===t.mode?"42px":void 0},on:{mouseover:function(e){t.showImage=!0},mouseout:function(e){t.showImage=!0}}},[i("div",{staticClass:"verify-img-panel",style:{width:t.setSize.imgWidth,height:t.setSize.imgHeight,background:"url("+t.imgUrl+t.imgName[t.imgRand]+")","background-size":t.setSize.imgWidth+" "+t.setSize.imgHeight}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.showRefresh,expression:"showRefresh"}],staticClass:"verify-refresh",on:{click:t.refresh}},[i("i",{staticClass:"iconfont icon-refresh"})]),t._v(" "),i("div",{staticClass:"verify-gap",style:{width:t.blockSize.width,height:t.blockSize.height,top:t.top+"px",left:t.left+"px"}})])]):t._e(),t._v(" "),i("div",{staticClass:"verify-bar-area",style:{width:t.setSize.barWidth,height:t.barSize.height,"line-height":t.barSize.height}},[i("span",{staticClass:"verify-msg",domProps:{textContent:t._s(t.text)}}),t._v(" "),i("div",{staticClass:"verify-left-bar",style:{width:void 0!==t.leftBarWidth?t.leftBarWidth:t.barSize.height,height:t.barSize.height,"border-color":t.leftBarBorderColor,transaction:t.transitionWidth}},[i("span",{staticClass:"verify-msg",domProps:{textContent:t._s(t.finishText)}}),t._v(" "),i("div",{staticClass:"verify-move-block",style:{width:t.barSize.height,height:t.barSize.height,"background-color":t.moveBlockBackgroundColor,left:t.moveBlockLeft,transition:t.transitionLeft},on:{touchstart:t.start,mousedown:t.start}},[i("i",{class:["verify-icon iconfont",t.iconClass],style:{color:t.iconColor}}),t._v(" "),"2"===t.type?i("div",{directives:[{name:"show",rawName:"v-show",value:"pop"!==t.mode&&t.showImage,expression:"mode !== 'pop' && showImage"}],staticClass:"verify-sub-block",style:{width:t.blockSize.width,height:t.blockSize.height,top:"-"+(parseInt(t.setSize.imgHeight)-t.top+t.vSpace)+"px","background-image":"url("+t.imgUrl+t.imgName[this.imgRand]+")","background-size":t.setSize.imgWidth+" "+t.setSize.imgHeight,"background-position-y":"-"+t.top+"px","background-position-x":"-"+t.left+"px"}}):t._e()])])])])},staticRenderFns:[]},p=i("VU/8")(d,f,!1,null,null,null).exports;var u={name:"VerifyPoints",props:{mode:{type:String,default:"fixed"},defaultNum:{type:Number,default:4},checkNum:{type:Number,default:3},vSpace:{type:Number,default:5},imgUrl:{type:String,default:"http://via.placeholder.com/"},imgName:{type:Array,default:()=>["350x150","350x450"]},imgSize:{type:Object,default:()=>({width:"400px",height:"200px"})},barSize:{type:Object,default:()=>({width:"400px",height:"40px"})}},data:()=>({fontPos:[],checkPosArr:[],num:1,imgRand:0,setSize:{imgHeight:0,imgWidth:0,barHeight:0,barWidth:0},showImage:!0,tempPoints:[],text:"",barAreaColor:void 0,barAreaBorderColor:void 0,showRefresh:!0,bindingClick:!0}),computed:{resetSize:()=>o},methods:{init(){this.fontPos.splice(0,this.fontPos.length),this.checkPosArr.splice(0,this.checkPosArr.length),this.num=1,this.imgRand=Math.floor(Math.random()*this.imgName.length),this.$nextTick(()=>{this.setSize=this.resetSize(this),this.refresh(),this.$parent.$emit("ready",this)})},canvasClick(t){this.checkPosArr.push(this.getMousePos(this.$refs.canvas,t)),this.num==this.checkNum&&(this.num=this.createPoint(this.getMousePos(this.$refs.canvas,t)),setTimeout(()=>{0==this.comparePos(this.fontPos,this.checkPosArr)?(this.$parent.$emit("error",this),this.barAreaColor="#d9534f",this.barAreaBorderColor="#d9534f",this.text="验证失败",setTimeout(()=>{this.refresh()},400)):(this.barAreaColor="#4cae4c",this.barAreaBorderColor="#5cb85c",this.text="验证成功",this.showRefresh=!1,this.bindingClick=!1,this.$parent.$emit("success",this))},400)),this.num<this.checkNum&&(this.num=this.createPoint(this.getMousePos(this.$refs.canvas,t)))},drawImg:function(t,e){var i=this.$refs.canvas.getContext("2d");i.drawImage(e,0,0,parseInt(this.setSize.imgWidth),parseInt(this.setSize.imgHeight));for(var s=["italic small-caps bold 20px microsoft yahei","small-caps normal 25px arial","34px microsoft yahei"],o=[],r=Math.floor(parseInt(this.setSize.imgWidth)/(parseInt(this.defaultNum)+1)),n="",h=Math.floor(5*Math.random()),c=1;c<=this.defaultNum;c++){if(o[c-1]=this.getChars("天地玄黄宇宙洪荒日月盈昃辰宿列张寒来暑往秋收冬藏闰余成岁律吕调阳云腾致雨露结为霜金生丽水玉出昆冈剑号巨阙珠称夜光果珍李柰菜重芥姜海咸河淡鳞潜羽翔龙师火帝鸟官人皇始制文字乃服衣裳推位让国有虞陶唐吊民伐罪周发殷汤坐朝问道垂拱平章爱育黎首臣伏戎羌遐迩体率宾归王",o),n=Math.floor(3*Math.random()),i.font=s[n],i.fillStyle=a[h],1==Math.floor(2*Math.random()))var l=Math.floor(parseInt(this.setSize.imgHeight)/2)+20*n+20;else l=Math.floor(parseInt(this.setSize.imgHeight)/2)-20*n;i.fillText(o[c-1],r*c,l),this.fontPos[c-1]={char:o[c-1],x:r*c,y:l}}for(c=0;c<this.defaultNum-this.checkNum;c++)this.shuffle(this.fontPos).pop();var d="";for(c=0;c<this.fontPos.length;c++)d+=this.fontPos[c].char+",";return this.text="请顺序点击【"+d.substring(0,d.length-1)+"】",this.fontPos},getMousePos:function(t,e){return{x:e.offsetX-5,y:e.offsetY-5}},getChars:function(t,e){var i=parseInt(Math.floor(Math.random()*t.length));i>0&&(i-=1);var s=t.charAt(i);return-1==e.indexOf(s)?s:this.getChars(t,e)},shuffle:function(t){for(var e,i,s=t.length;s;)e=Math.random()*s-->>>0,i=t[s],t[s]=t[e],t[e]=i;return t},createPoint:function(t){return this.tempPoints.push(Object.assign({},t)),++this.num},comparePos:function(t,e){for(var i=!0,s=0;s<t.length;s++)if(!(parseInt(e[s].x)+40>t[s].x&&parseInt(e[s].x)-40<t[s].x&&parseInt(e[s].y)+40>t[s].y&&parseInt(e[s].y)-40<t[s].y)){i=!1;break}return i},refresh:function(){this.tempPoints.splice(0,this.tempPoints.length),this.barAreaColor="#000",this.barAreaBorderColor="#ddd",this.bindingClick=!0,this.fontPos.splice(0,this.fontPos.length),this.checkPosArr.splice(0,this.checkPosArr.length),this.num=1,this.imgRand=Math.floor(Math.random()*this.imgName.length);var t=new Image;t.src=this.imgUrl+this.imgName[this.imgRand];var e=this;t.onload=function(t){e.$nextTick(()=>{e.fontPos=e.drawImg(e.$el,this)})},this.text="验证失败",this.showRefresh=!0}},watch:{type:{immediate:!0,handler(){this.init()}}},mounted(){this.$el.onselectstart=function(){return!1}},i18n:{messages:{"en-US":{},"zh-CN":{}}}},m={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticStyle:{position:"relative"},on:{mouseover:function(e){"pop"===t.mode&&(t.showImage=!0)},mouseout:function(e){"pop"===t.mode&&(t.showImage=!1)}}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.showImage,expression:"showImage"}],staticClass:"verify-img-out",style:"pop"===t.mode?{display:"none",position:"absolute",bottom:"42px",height:parseInt(t.setSize.imgHeight)+t.vSpace+"px"}:{position:"relative",height:parseInt(t.setSize.imgHeight)+t.vSpace+"px"},on:{mouseover:function(e){"pop"===t.mode&&(t.showImage=!0)},mouseout:function(e){"pop"===t.mode&&(t.showImage=!1)}}},[i("div",{staticClass:"verify-img-panel",style:{width:t.setSize.imgWidth,height:t.setSize.imgHeight,"background-size":t.setSize.imgWidth+" "+t.setSize.imgHeight,"margin-bottom":t.vSpace+"px"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.showRefresh,expression:"showRefresh"}],staticClass:"verify-refresh",staticStyle:{"z-index":"3"},on:{click:t.refresh}},[i("i",{staticClass:"iconfont icon-refresh"})]),t._v(" "),i("canvas",{ref:"canvas",attrs:{width:t.setSize.imgWidth,height:t.setSize.imgHeight},on:{click:function(e){t.bindingClick&&t.canvasClick(e)}}}),t._v(" "),t._l(t.tempPoints,function(e,s){return i("div",{key:s,staticClass:"point-area",style:{"background-color":"#1abd6c",color:"#fff","z-index":9999,width:"30px",height:"30px","text-align":"center","line-height":"30px","border-radius":"50%",position:"absolute",top:parseInt(e.y-10)+"px",left:parseInt(e.x-10)+"px"}},[t._v("\n "+t._s(s+1)+"\n ")])})],2)]),t._v(" "),i("div",{staticClass:"verify-bar-area",style:{width:this.barSize.width,height:this.barSize.height,color:this.barAreaColor,"border-color":this.barAreaBorderColor,"line-height":this.barSize.height}},[i("span",{staticClass:"verify-msg"},[t._v(t._s(t.text))])])])},staticRenderFns:[]},g=i("VU/8")(u,m,!1,null,null,null).exports,v={name:"Vue2Verify",props:{locale:{require:!1,type:String,default(){if(navigator.language)var t=navigator.language;else t=navigator.browserLanguage;return t}},type:{type:String|Number,require:!1,default:"picture"},figure:{type:Number},arith:{type:Number},width:{type:String},height:{type:String},fontSize:{type:String},codeLength:{type:Number},mode:{type:String},vOffset:{type:Number},vSpace:{type:Number},explain:{type:String},imgUrl:{type:String},imgName:{type:Array},imgSize:{type:Object},blockSize:{type:Object},barSize:{type:Object},defaultNum:{type:Number},checkNum:{type:Number},showButton:{type:Boolean,default:!0}},data:()=>({verifyType:void 0,componentType:void 0}),methods:{i18n(t){if(this.$t)return this.$t(t);return(this.$options.i18n.messages[this.locale]||this.$options.i18n.messages["en-US"])[t]},checkCode(){this.instance.checkCode&&this.instance.checkCode()},refresh(){this.instance.refresh&&this.instance.refresh()}},computed:{instance(){return this.$refs.instance||{}}},watch:{type:{immediate:!0,handler(t){switch(t.toString()){case"picture":case"1":this.verifyType="1",this.componentType="VerifyCode";break;case"compute":case"2":this.verifyType="2",this.componentType="VerifyCode";break;case"slide":case"3":this.verifyType="1",this.componentType="VerifySlide";break;case"puzzle":case"4":this.verifyType="2",this.componentType="VerifySlide";break;case"pick":case"5":this.verifyType="",this.componentType="VerifyPoints";break;default:this.verifyType=void 0,this.componentType=void 0,console.error("Unsupported Type:"+t)}}}},components:{VerifyCode:l,VerifySlide:p,VerifyPoints:g},i18n:{messages:{"en-US":{ok:"ok"},"zh-CN":{ok:"确定"}}}},y={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[t.componentType?i(t.componentType,{ref:"instance",tag:"components",attrs:{type:t.verifyType,figure:t.figure,arith:t.arith,width:t.width,height:t.height,fontSize:t.fontSize,codeLength:t.codeLength,mode:t.mode,vOffset:t.vOffset,vSpace:t.vSpace,explain:t.explain,imgUrl:t.imgUrl,imgName:t.imgName,showButton:t.showButton,imgSize:t.imgSize,blockSize:t.blockSize,barSize:t.barSize,defaultNum:t.defaultNum,checkNum:t.checkNum}}):t._e(),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:t.showButton,expression:"showButton"}],staticStyle:{width:"0",height:"0"},on:{click:t.checkCode}},[t._t("check",[i("button",{staticClass:"verify-btn"},[t._v(t._s(t.i18n("ok")))])])],2)],1)},staticRenderFns:[]};var b=i("VU/8")(v,y,!1,function(t){i("pVuh")},null,null).exports,C={name:"app",methods:{alert(t){console.log(t)}},components:{Verify:b}},S={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{attrs:{id:"app"}},[s("img",{attrs:{src:i("7Otq")}}),t._v(" "),s("div",{staticStyle:{display:"flex","justify-content":"space-around"}},[s("Verify",{attrs:{type:1},on:{success:function(e){return t.alert("success")},error:function(e){return t.alert("error")}}}),t._v(" "),s("Verify",{attrs:{type:2},on:{success:function(e){return t.alert("success")},error:function(e){return t.alert("error")}}}),t._v(" "),s("Verify",{attrs:{type:3},on:{success:function(e){return t.alert("success")},error:function(e){return t.alert("error")}}})],1),t._v(" "),s("div",{staticStyle:{display:"flex","justify-content":"space-around","margin-top":"120px"}},[s("Verify",{attrs:{type:4},on:{success:function(e){return t.alert("success")},error:function(e){return t.alert("error")}}}),t._v(" "),s("Verify",{attrs:{type:5},on:{success:function(e){return t.alert("success")},error:function(e){return t.alert("error")}}})],1)])},staticRenderFns:[]};var w=i("VU/8")(C,S,!1,function(t){i("Fv5Y")},null,null).exports;s.a.config.productionTip=!1,new s.a({el:"#app",template:"<App/>",components:{App:w}})},pVuh:function(t,e){}},["NHnr"]);
//# sourceMappingURL=app.7aa456bf98dad96a2c02.js.map