zz-slide/dist/zz-slide.js

vue3滑块验证插件

(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define("zz-slide",[],t):"object"===typeof exports?exports["zz-slide"]=t():e["zz-slide"]=t()})(window,(function(){return function(e){function t(t){for(var o,c,i=t[0],u=t[1],l=t[2],f=0,d=[];f<i.length;f++)c=i[f],Object.prototype.hasOwnProperty.call(r,c)&&r[c]&&d.push(r[c][0]),r[c]=0;for(o in u)Object.prototype.hasOwnProperty.call(u,o)&&(e[o]=u[o]);a&&a(t);while(d.length)d.shift()();return s.push.apply(s,l||[]),n()}function n(){for(var e,t=0;t<s.length;t++){for(var n=s[t],o=!0,i=1;i<n.length;i++){var u=n[i];0!==r[u]&&(o=!1)}o&&(s.splice(t--,1),e=c(c.s=n[0]))}return e}var o={},r={main:0},s=[];function c(t){if(o[t])return o[t].exports;var n=o[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,c),n.l=!0,n.exports}c.m=e,c.c=o,c.d=function(e,t,n){c.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},c.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.t=function(e,t){if(1&t&&(e=c(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(c.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)c.d(n,o,function(t){return e[t]}.bind(null,o));return n},c.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return c.d(t,"a",t),t},c.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},c.p="/dist/";var i=window["webpackJsonpzz_slide"]=window["webpackJsonpzz_slide"]||[],u=i.push.bind(i);i.push=t,i=i.slice();for(var l=0;l<i.length;l++)t(i[l]);var a=u;return s.push(["d75a","chunk-vendors"]),n()}({"6fab":function(e,t,n){"use strict";n("f9ac")},d75a:function(e,t,n){"use strict";n.r(t);n("e260"),n("e6cf"),n("cca6"),n("a79d"),n("159b"),n("b0c0");var o=n("7a23");Object(o["h"])("data-v-7288625c");var r={class:"zz_simple_slide",ref:"content"},s={class:"zz_simple_slide_container"},c={key:0,class:"zz_simple_slide_range_under"},i={key:1,class:"zz_simple_slide_range_success"};function u(e,t,n,u,l,a){return Object(o["f"])(),Object(o["a"])("div",r,[Object(o["b"])("div",{class:"zz_simple_slide_progress",style:Object(o["c"])({width:u.slideData.left+"px"}),ref:"progress"},null,4),Object(o["b"])("div",s,Object(o["k"])(u.isSuccess?n.suceesText:n.tipText),1),Object(o["b"])("div",{class:"zz_simple_slide_range",style:Object(o["c"])({left:u.slideData.left+"px"}),ref:"range",onMousedown:t[0]||(t[0]=function(){return u.handleMouseDown&&u.handleMouseDown.apply(u,arguments)})},[u.isSuccess?(Object(o["f"])(),Object(o["a"])("div",i)):(Object(o["f"])(),Object(o["a"])("div",c))],36)],512)}Object(o["g"])();var l={name:"zzSimpleSlide",props:{suceesText:{type:String,default:"验证成功"},tipText:{type:String,default:"按住滑块，拖动到最右"}},setup:function(e,t){var n=Object(o["j"])(null),r=Object(o["j"])(null),s=Object(o["i"])({left:0,mouseDown:!1}),c=Object(o["j"])(!1),i=0,u=0;function l(e){i=e.clientX-e.offsetX,u=e.offsetX,s.mouseDown=!0}function a(){s.mouseDown=!1,c.value||(s.left=0)}function f(e){s.mouseDown&&!c.value&&(s.left=d(e.clientX-i-u))}var d=function(e){var o=n.value.offsetWidth-r.value.clientWidth,s=e;return e>o?(s=o,c.value=!0,t.emit("success")):e<0&&(s=0),s};return Object(o["e"])((function(){document.addEventListener("mouseup",a),document.addEventListener("mousemove",f)})),Object(o["d"])((function(){document.removeEventListener("mouseup",a),document.removeEventListener("mousemove",f)})),{content:n,range:r,slideData:s,isSuccess:c,handleMouseDown:l,handleMouseUp:a,handleMouseMove:f}}};n("6fab");l.render=u,l.__scopeId="data-v-7288625c";var a=l;a.install=function(e){e.component(a.name,a)};var f=a,d=[f],p=function(e){d.forEach((function(t){e.use(t.install)}))};t["default"]={install:p,zzSimpleSlide:f}},f9ac:function(e,t,n){}})}));
//# sourceMappingURL=zz-slide.js.map