go-captcha-vue 2.0.0 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -8
- package/dist/go-captcha-vue.es.js +456 -426
- package/dist/go-captcha-vue.umd.js +8 -8
- package/dist/index.d.ts +2 -4
- package/dist/style.css +1 -1
- package/package.json +14 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(x,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(x=typeof globalThis<"u"?globalThis:x||self,e(x["go-captcha-vue"]={},x.Vue))})(this,function(x,e){"use strict";const Ge="",G=()=>({width:300,height:220,thumbWidth:150,thumbHeight:40,verticalPadding:16,horizontalPadding:12,showTheme:!0,title:"请在下图依次点击",buttonText:"确认"}),R=[e.createElementVNode("path",{d:`M100.1,189.9C100.1,189.9,100,189.9,100.1,189.9c-49.7,0-90-40.4-90-89.9c0-49.6,40.4-89.9,89.9-89.9
|
|
2
2
|
c49.6,0,89.9,40.4,89.9,89.9c0,18.2-5.4,35.7-15.6,50.7c-1.5,2.1-3.6,3.4-6.1,3.9c-2.5,0.4-5-0.1-7-1.6c-4.2-3-5.3-8.6-2.4-12.9
|
|
3
3
|
c8.1-11.9,12.4-25.7,12.4-40.1c0-39.2-31.9-71.1-71.1-71.1c-39.2,0-71.1,31.9-71.1,71.1c0,39.2,31.9,71.1,71.1,71.1
|
|
4
4
|
c7.7,0,15.3-1.2,22.6-3.6c2.4-0.8,4.9-0.6,7.2,0.5c2.2,1.1,3.9,3.1,4.7,5.5c1.6,4.9-1,10.2-5.9,11.9
|
|
5
5
|
C119.3,188.4,109.8,189.9,100.1,189.9z M73,136.4C73,136.4,73,136.4,73,136.4c-2.5,0-4.9-1-6.7-2.8c-3.7-3.7-3.7-9.6,0-13.3
|
|
6
6
|
L86.7,100L66.4,79.7c-3.7-3.7-3.7-9.6,0-13.3c3.7-3.7,9.6-3.7,13.3,0L100,86.7l20.3-20.3c1.8-1.8,4.1-2.8,6.7-2.8c0,0,0,0,0,0
|
|
7
7
|
c2.5,0,4.9,1,6.7,2.8c1.8,1.8,2.8,4.1,2.8,6.7c0,2.5-1,4.9-2.8,6.7L113.3,100l20.3,20.3c3.7,3.7,3.7,9.6,0,13.3
|
|
8
|
-
c-3.7,3.7-9.6,3.7-13.3,0L100,113.3l-20.3,20.3C77.9,135.4,75.5,136.4,73,136.4z`},null,-1)],
|
|
8
|
+
c-3.7,3.7-9.6,3.7-13.3,0L100,113.3l-20.3,20.3C77.9,135.4,75.5,136.4,73,136.4z`},null,-1)],A=e.defineComponent({__name:"close-icon",emits:["click"],setup(l,{emit:c}){const n=c;function o(t){n("click",t)}return(t,a)=>(e.openBlock(),e.createElementBlock("svg",e.mergeProps({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},t.$attrs,{onClick:o}),R,16))}}),ee=[e.createElementVNode("path",{d:`M135,149.9c-10.7,7.6-23.2,11.4-36,11.2c-1.7,0-3.4-0.1-5-0.3c-0.7-0.1-1.4-0.2-2-0.3c-1.3-0.2-2.6-0.4-3.9-0.6
|
|
9
9
|
c-0.8-0.2-1.6-0.4-2.3-0.5c-1.2-0.3-2.5-0.6-3.7-1c-0.6-0.2-1.2-0.4-1.7-0.6c-1.4-0.5-2.8-1-4.2-1.5c-0.3-0.1-0.6-0.3-0.9-0.4
|
|
10
10
|
c-1.6-0.7-3.2-1.4-4.7-2.3c-0.1,0-0.1-0.1-0.2-0.1c-5.1-2.9-9.8-6.4-14-10.6c-0.1-0.1-0.1-0.1-0.2-0.2c-1.3-1.3-2.5-2.7-3.7-4.1
|
|
11
11
|
c-0.2-0.3-0.5-0.6-0.7-0.9c-8.4-10.6-13.5-24.1-13.5-38.8h14.3c0.4,0,0.7-0.2,0.9-0.5c0.2-0.3,0.2-0.8,0-1.1L29.5,60.9
|
|
@@ -22,18 +22,18 @@
|
|
|
22
22
|
c0.6,0.1,1.3,0.3,1.9,0.4c1.4,0.3,2.8,0.7,4.2,1.1c0.4,0.1,0.9,0.3,1.3,0.4c1.6,0.5,3.1,1.1,4.6,1.7c0.2,0.1,0.3,0.1,0.5,0.2
|
|
23
23
|
c9,3.9,17,10,23.2,17.6c0,0,0.1,0.1,0.1,0.2c8.7,10.7,14,24.5,14,39.4H147c-0.4,0-0.7,0.2-0.9,0.5c-0.2,0.3-0.2,0.8,0,1.1l24,36.4
|
|
24
24
|
c0.2,0.3,0.5,0.5,0.9,0.5c0.4,0,0.7-0.2,0.9-0.5l23.9-36.4c0.2-0.3,0.2-0.7,0-1.1c-0.2-0.3-0.5-0.5-0.9-0.5L180.6,98.9L180.6,98.9
|
|
25
|
-
L180.6,98.9z`},null,-1)],
|
|
25
|
+
L180.6,98.9z`},null,-1)],I=e.defineComponent({__name:"refresh-icon",emits:["click"],setup(l,{emit:c}){const n=c;function o(t){n("click",t)}return(t,a)=>(e.openBlock(),e.createElementBlock("svg",e.mergeProps({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},t.$attrs,{onClick:o}),ee,16))}}),te=[e.createElementVNode("circle",{cx:"50",cy:"36.8101",r:"10"},[e.createElementVNode("animate",{attributeName:"cy",dur:"1s",repeatCount:"indefinite",calcMode:"spline",keySplines:"0.45 0 0.9 0.55;0 0.45 0.55 0.9",keyTimes:"0;0.5;1",values:"23;77;23"})],-1)],U=e.defineComponent({__name:"loading-icon",emits:["click"],setup(l,{emit:c}){const n=c;function o(t){n("click",t)}return(t,a)=>(e.openBlock(),e.createElementBlock("svg",e.mergeProps({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",width:"84",height:"84"},t.$attrs,{onClick:o}),te,16))}});function ne(l){let c=0,n=0;if(l.getBoundingClientRect){const o=l.getBoundingClientRect(),t=document.documentElement;c=o.left+Math.max(t.scrollLeft,document.body.scrollLeft)-t.clientLeft,n=o.top+Math.max(t.scrollTop,document.body.scrollTop)-t.clientTop}else for(;l!==document.body;)c+=l.offsetLeft,n+=l.offsetTop,l=l.offsetParent;return{domX:c,domY:n}}function j(l,c){let n=c.relatedTarget;try{for(;n&&n!==l;)n=n.parentNode}catch(o){console.warn(o)}return n!==l}function ce(l,c){const n=e.reactive({list:[]});return{dots:n,clickEvent:s=>{const v=s.currentTarget,i=ne(v),g=s.pageX||s.clientX,r=s.pageY||s.clientY,m=i.domX,_=i.domY,E=g-m,f=r-_,p=parseInt(E.toString()),k=parseInt(f.toString()),y=new Date,$=n.list.length,L=n.list;return L.push({key:y.getTime(),index:$+1,x:p,y:k}),n.list=L,c.click&&c.click(p,k),s.cancelBubble=!0,s.preventDefault(),!1},confirmEvent:s=>(c.confirm&&c.confirm(e.toRaw(n.list),()=>{n.list=[]}),s.cancelBubble=!0,s.preventDefault(),!1),closeEvent:s=>(c.close&&c.close(),n.list=[],s.cancelBubble=!0,s.preventDefault(),!1),refreshEvent:s=>(c.refresh&&c.refresh(),n.list=[],s.cancelBubble=!0,s.preventDefault(),!1)}}const oe={class:"gc-header"},le=["src"],se={class:"gc-loading"},ae=["src"],ie={class:"gc-dots"},re={class:"gc-footer"},de={class:"gc-icon-block gc-icon-block2"},me={class:"gc-button-block"},P=e.defineComponent({__name:"index",props:{config:{default:G},events:{default:()=>({})},data:{default:()=>({})}},setup(l){const c=l,{data:n,events:o}=c,t=e.ref({...G(),...c.config});e.watch(()=>c.config,()=>{t.value={...t.value,...c.config}});const a=ce(n,o),d=t.value.horizontalPadding||0,s=t.value.verticalPadding||0,v=(t.value.width||0)+d*2+(t.value.showTheme?2:0),i=a.dots,g=e.computed(()=>({width:v+"px",paddingLeft:d+"px",paddingRight:d+"px",paddingTop:s+"px",paddingBottom:s+"px"})),r=e.computed(()=>({width:t.value.thumbWidth+"px",height:t.value.thumbHeight+"px"})),m=e.computed(()=>({width:t.value.width+"px",height:t.value.height+"px"}));return(_,E)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`go-captcha gc-wrapper ${t.value.showTheme?"gc-theme":""}`),style:e.normalizeStyle(g.value)},[e.createElementVNode("div",oe,[e.createElementVNode("span",null,e.toDisplayString(t.value.title),1),e.withDirectives(e.createElementVNode("img",{style:e.normalizeStyle(r.value),src:e.unref(n).thumb,alt:"..."},null,12,le),[[e.vShow,e.unref(n).thumb!==""]])]),e.createElementVNode("div",{class:"gc-body",style:e.normalizeStyle(m.value)},[e.createElementVNode("div",se,[e.createVNode(U)]),e.withDirectives(e.createElementVNode("img",{style:e.normalizeStyle(m.value),class:"gc-picture",src:e.unref(n).image,alt:"...",onClick:E[0]||(E[0]=(...f)=>e.unref(a).clickEvent&&e.unref(a).clickEvent(...f))},null,12,ae),[[e.vShow,e.unref(n).image!==""]]),e.createElementVNode("div",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i).list,f=>(e.openBlock(),e.createElementBlock("div",{class:"gc-dot",key:`${f.key+"-"+f.index}`,style:e.normalizeStyle({top:f.y-11+"px",left:f.x-11+"px"})},e.toDisplayString(f.index),5))),128))])],4),e.createElementVNode("div",re,[e.createElementVNode("div",de,[e.createVNode(A,{width:22,height:22,onClick:e.unref(a).closeEvent},null,8,["onClick"]),e.createVNode(I,{width:22,height:22,onClick:e.unref(a).refreshEvent},null,8,["onClick"])]),e.createElementVNode("div",me,[e.createElementVNode("button",{onClick:E[1]||(E[1]=(...f)=>e.unref(a).confirmEvent&&e.unref(a).confirmEvent(...f))},e.toDisplayString(t.value.buttonText),1)])])],6))}}),Qe="";P.name="gocaptcha-click",P.install=function(l){l.component("gocaptcha-click",P)};const O=()=>({width:300,height:220,thumbWidth:150,thumbHeight:40,verticalPadding:16,horizontalPadding:12,showTheme:!0,title:"请拖动滑块完成拼图"}),he=[e.createElementVNode("path",{d:`M131.6,116.3c0,0-75.6,0-109.7,0c-9.1,0-16.2-7.4-16.2-16.2c0-9.1,7.4-16.2,16.2-16.2c28.7,0,109.7,0,109.7,0
|
|
26
26
|
s-5.4-5.4-30.4-30.7c-6.4-6.4-6.4-16.7,0-23.1s16.7-6.4,23.1,0l58.4,58.4c6.4,6.4,6.4,16.7,0,23.1c0,0-32.9,32.9-57.9,57.9
|
|
27
|
-
c-6.4,6.4-16.7,6.4-23.1,0c-6.4-6.4-6.4-16.7,0-23.1C121.8,126.2,131.6,116.3,131.6,116.3z`},null,-1)],j=e.defineComponent({__name:"arrows-icon",emits:["click"],setup(o,{emit:c}){const n=c;function l(t){n("click",t)}return(t,i)=>(e.openBlock(),e.createElementBlock("svg",e.mergeProps({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},t.$attrs,{onClick:l}),se,16))}});function ie(o,c,n,l,t,i){const d=e.reactive({dragLeft:0,thumbLeft:o.thumbX||0}),s=()=>{d.dragLeft=0,d.thumbLeft=0};return{state:d,dragEvent:r=>{const h=r.touches&&r.touches[0],u=t.value.offsetLeft,_=n.value.offsetWidth,m=t.value.offsetWidth,g=_-m,k=o.thumbX||0,x=l.value.offsetWidth,$=m-x,b=(g-k+$)/g;let E=!1,V=0,v=0;h?V=h.pageX-u:V=r.clientX-u;const N=p=>{E=!0;const B=p.touches&&p.touches[0];let y=0;if(B?y=B.pageX-V:y=p.clientX-V,y>=g){d.dragLeft=g;return}if(y<=0){d.dragLeft=0;return}d.dragLeft=y,v=k+y*b,d.thumbLeft=v,c.move&&c.move(v,o.thumbY||0),p.cancelBubble=!0,p.preventDefault()},L=p=>{H(i.value,p)&&E&&(i.value.removeEventListener("mousemove",N,!1),i.value.removeEventListener("touchmove",N,{passive:!1}),i.value.removeEventListener("mouseup",L,!1),i.value.removeEventListener("mouseout",L,!1),i.value.removeEventListener("touchend",L,!1),E=!1,c.confirm&&c.confirm({x:parseInt(v.toString()),y:o.thumbY||0},()=>{s()}),p.cancelBubble=!0,p.preventDefault())};i.value.addEventListener("mousemove",N,!1),i.value.addEventListener("touchmove",N,{passive:!1}),i.value.addEventListener("mouseup",L,!1),i.value.addEventListener("mouseout",L,!1),i.value.addEventListener("touchend",L,!1)},closeEvent:r=>(c&&c.close&&c.close(),s(),r.cancelBubble=!0,r.preventDefault(),!1),refreshEvent:r=>(c&&c.refresh&&c.refresh(),s(),r.cancelBubble=!0,r.preventDefault(),!1)}}const ae={class:"gc-header"},re={class:"gc-icon-block"},de={class:"gc-loading"},he=["src"],me=["src"],fe={class:"gc-footer"},ge=e.createElementVNode("div",{class:"gc-drag-line"},null,-1),T=e.defineComponent({__name:"index",props:{config:{default:I},events:{default:()=>({})},data:{default:()=>({})}},setup(o){const c=o,{data:n,events:l}=c,t=e.ref({...I(),...c.config});e.watch(()=>c.config,()=>{t.value={...t.value,...c.config}});const i=e.ref(null),d=e.ref(null),s=e.ref(null),w=e.ref(null),a=ie(n,l,d,w,s,i),f=t.value.horizontalPadding||0,r=t.value.verticalPadding||0,h=(t.value.width||0)+f*2+(t.value.showTheme?2:0),u=e.computed(()=>({width:h+"px",paddingLeft:f+"px",paddingRight:f+"px",paddingTop:r+"px",paddingBottom:r+"px"})),_=e.computed(()=>({width:n.thumbWidth+"px",height:n.thumbHeight+"px",top:n.thumbY+"px",left:a.state.thumbLeft+"px"})),m=e.computed(()=>({width:t.value.width+"px",height:t.value.height+"px"}));return e.onMounted(async()=>{await e.nextTick(),s.value&&s.value.addEventListener("dragstart",g=>g.preventDefault())}),(g,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`go-captcha gc-wrapper ${t.value.showTheme?"gc-theme":""}`),style:e.normalizeStyle(u.value)},[e.createElementVNode("div",ae,[e.createElementVNode("span",null,e.toDisplayString(t.value.title),1),e.createElementVNode("div",re,[e.createVNode(X,{width:22,height:22,onClick:e.unref(a).closeEvent},null,8,["onClick"]),e.createVNode(W,{width:22,height:22,onClick:e.unref(a).refreshEvent},null,8,["onClick"])])]),e.createElementVNode("div",{class:"gc-body",ref_key:"containerRef",ref:d,style:e.normalizeStyle(m.value)},[e.createElementVNode("div",de,[e.createVNode(Y)]),e.withDirectives(e.createElementVNode("img",{class:"gc-picture",style:e.normalizeStyle(m.value),src:e.unref(n).image,alt:"..."},null,12,he),[[e.vShow,e.unref(n).image!==""]]),e.createElementVNode("div",{class:"gc-tile",ref_key:"tileRef",ref:w,style:e.normalizeStyle(_.value)},[e.withDirectives(e.createElementVNode("img",{src:e.unref(n).thumb,alt:"..."},null,8,me),[[e.vShow,e.unref(n).thumb!==""]])],4)],4),e.createElementVNode("div",fe,[e.createElementVNode("div",{class:"gc-drag-slide-bar",ref_key:"dragBarRef",ref:i,onMousedown:k[1]||(k[1]=(...x)=>e.unref(a).dragEvent&&e.unref(a).dragEvent(...x))},[ge,e.createElementVNode("div",{class:"gc-drag-block",ref_key:"dragBlockRef",ref:s,onTouchstart:k[0]||(k[0]=(...x)=>e.unref(a).dragEvent&&e.unref(a).dragEvent(...x)),style:e.normalizeStyle({left:e.unref(a).state.dragLeft+"px"})},[e.createVNode(j)],36)],544)])],6))}}),Ge="";T.name="goCaptchaSlide",T.install=function(o){o.component("gocaptcha-slide",T)};const q=()=>({width:300,height:220,verticalPadding:16,horizontalPadding:12,showTheme:!0,title:"请拖拽贴图完成拼图"});function pe(o,c,n,l){const t=e.reactive({x:o.thumbX||0,y:o.thumbY||0}),i=()=>{t.x=o.thumbX||0,t.y=o.thumbY||0};return{state:t,dragEvent:a=>{const f=a.touches&&a.touches[0],r=l.value.offsetLeft,h=l.value.offsetTop,u=n.value.offsetWidth,_=n.value.offsetHeight,m=l.value.offsetWidth,g=l.value.offsetHeight,k=u-m,x=_-g;let $=!1,b=0,E=0,V=0,v=0;f?(b=f.pageX-r,E=f.pageY-h):(b=a.clientX-r,E=a.clientY-h);const N=p=>{$=!0;const B=p.touches&&p.touches[0];let y=0,S=0;B?(y=B.pageX-b,S=B.pageY-E):(y=p.clientX-b,S=p.clientY-E),y<=0&&(y=0),S<=0&&(S=0),y>=k&&(y=k),S>=x&&(S=x),t.x=y,t.y=S,V=y,v=S,c.move&&c.move(y,S),p.cancelBubble=!0,p.preventDefault()},L=p=>{H(n.value,p)&&$&&($=!1,n.value.removeEventListener("mousemove",N,!1),n.value.removeEventListener("touchmove",N,{passive:!1}),n.value.removeEventListener("mouseup",L,!1),n.value.removeEventListener("mouseout",L,!1),n.value.removeEventListener("touchend",L,!1),c.confirm&&c.confirm({x:V,y:v},()=>{i()}),p.cancelBubble=!0,p.preventDefault())};n.value.addEventListener("mousemove",N,!1),n.value.addEventListener("touchmove",N,{passive:!1}),n.value.addEventListener("mouseup",L,!1),n.value.addEventListener("mouseout",L,!1),n.value.addEventListener("touchend",L,!1)},closeEvent:a=>(c&&c.close&&c.close(),i(),a.cancelBubble=!0,a.preventDefault(),!1),refreshEvent:a=>(c&&c.refresh&&c.refresh(),i(),a.cancelBubble=!0,a.preventDefault(),!1)}}const ue={class:"gc-header gc-header2"},_e={class:"gc-loading"},Ee=["src"],we=["src"],ke={class:"gc-footer"},be={class:"gc-icon-block"},P=e.defineComponent({__name:"index",props:{config:{default:q},events:{default:()=>({})},data:{default:()=>({})}},setup(o){const c=o,{data:n,events:l}=c,t=e.ref({...q(),...c.config});e.watch(()=>c.config,()=>{t.value={...t.value,...c.config}});const i=e.ref(null),d=e.ref(null),s=pe(n,l,i,d),w=t.value.horizontalPadding||0,a=t.value.verticalPadding||0;let f=(t.value.width||0)+w*2+(t.value.showTheme?2:0);const r=e.computed(()=>({width:f+"px",paddingLeft:w+"px",paddingRight:w+"px",paddingTop:a+"px",paddingBottom:a+"px"})),h=e.computed(()=>({width:n.thumbWidth+"px",height:n.thumbHeight+"px",top:s.state.y+"px",left:s.state.x+"px"})),u=e.computed(()=>({width:t.value.width+"px",height:t.value.height+"px"}));return e.onMounted(async()=>{await e.nextTick(),d.value&&d.value.addEventListener("dragstart",_=>_.preventDefault())}),(_,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`go-captcha gc-wrapper ${t.value.showTheme?"gc-theme":""}`),style:e.normalizeStyle(r.value)},[e.createElementVNode("div",ue,[e.createElementVNode("span",null,e.toDisplayString(t.value.title),1)]),e.createElementVNode("div",{class:"gc-body",ref_key:"containerRef",ref:i,style:e.normalizeStyle(u.value)},[e.createElementVNode("div",_e,[e.createVNode(Y)]),e.withDirectives(e.createElementVNode("img",{class:"gc-picture",style:e.normalizeStyle(u.value),src:e.unref(n).image,alt:"..."},null,12,Ee),[[e.vShow,e.unref(n).image!==""]]),e.createElementVNode("div",{class:"gc-tile",ref_key:"tileRef",ref:d,style:e.normalizeStyle(h.value),onMousedown:m[0]||(m[0]=(...g)=>e.unref(s).dragEvent&&e.unref(s).dragEvent(...g)),onTouchstart:m[1]||(m[1]=(...g)=>e.unref(s).dragEvent&&e.unref(s).dragEvent(...g))},[e.withDirectives(e.createElementVNode("img",{src:e.unref(n).thumb,alt:"..."},null,8,we),[[e.vShow,e.unref(n).thumb!==""]])],36)],4),e.createElementVNode("div",ke,[e.createElementVNode("div",be,[e.createVNode(X,{width:22,height:22,onClick:e.unref(s).closeEvent},null,8,["onClick"]),e.createVNode(W,{width:22,height:22,onClick:e.unref(s).refreshEvent},null,8,["onClick"])])])],6))}}),Je="";P.name="goCaptchaSlideRegion",P.install=function(o){o.component("gocaptcha-slide-region",P)};const F=()=>({width:300,height:220,size:220,verticalPadding:16,horizontalPadding:12,showTheme:!0,title:"请拖动滑块完成拼图"});function ye(o,c,n,l){const t=e.reactive({dragLeft:0,thumbAngle:o.angle||0}),i=()=>{t.dragLeft=0,t.thumbAngle=0};return{state:t,dragEvent:a=>{const f=a.touches&&a.touches[0],r=n.value.offsetLeft,h=l.value.offsetWidth,u=n.value.offsetWidth,_=h-u,m=360/_;let g=0,k=!1,x=0;f?x=f.pageX-r:x=a.clientX-r;const $=E=>{k=!0;const V=E.touches&&E.touches[0];let v=0;if(V?v=V.pageX-x:v=E.clientX-x,v>=_){t.dragLeft=_;return}if(v<=0){t.dragLeft=0;return}t.dragLeft=v,g=v*m,t.thumbAngle=g,c.rotate&&c.rotate(g),E.cancelBubble=!0,E.preventDefault()},b=E=>{H(l.value,E)&&k&&(l.value.removeEventListener("mousemove",$,!1),l.value.removeEventListener("touchmove",$,{passive:!1}),l.value.removeEventListener("mouseup",b,!1),l.value.removeEventListener("mouseout",b,!1),l.value.removeEventListener("touchend",b,!1),k=!1,c.confirm&&c.confirm(parseInt(g.toString()),()=>{i()}),E.cancelBubble=!0,E.preventDefault())};l.value.addEventListener("mousemove",$,!1),l.value.addEventListener("touchmove",$,{passive:!1}),l.value.addEventListener("mouseup",b,!1),l.value.addEventListener("mouseout",b,!1),l.value.addEventListener("touchend",b,!1)},closeEvent:a=>(c&&c.close&&c.close(),i(),a.cancelBubble=!0,a.preventDefault(),!1),refreshEvent:a=>(c&&c.refresh&&c.refresh(),i(),a.cancelBubble=!0,a.preventDefault(),!1)}}const xe={class:"gc-header"},ve={class:"gc-icon-block"},Le={class:"gc-loading"},Ce=["src"],$e=e.createElementVNode("div",{class:"gc-round"},null,-1),Ve={class:"gc-thumb gc-rotate-thumb"},Ne=["src"],Se={class:"gc-footer"},Be=e.createElementVNode("div",{class:"gc-drag-line"},null,-1),D=e.defineComponent({__name:"index",props:{config:{default:F},events:{default:()=>({})},data:{default:()=>({})}},setup(o){const c=o,{data:n,events:l}=c,t=e.ref({...F(),...c.config});e.watch(()=>c.config,()=>{t.value={...t.value,...c.config}});const i=e.ref(null),d=e.ref(null),s=ye(n,l,d,i),w=e.computed(()=>{const r=t.value.horizontalPadding||0,h=t.value.verticalPadding||0;return{width:(t.value.width||0)+r*2+(t.value.showTheme?2:0)+"px",paddingLeft:r+"px",paddingRight:r+"px",paddingTop:h+"px",paddingBottom:h+"px"}}),a=e.computed(()=>({transform:`rotate(${s.state.thumbAngle}deg)`})),f=e.computed(()=>{var h;const r=(((h=t.value)==null?void 0:h.size)||0)>0?t.value.size:F().size;return{width:r+"px",height:r+"px"}});return e.onMounted(async()=>{await e.nextTick(),d.value&&d.value.addEventListener("dragstart",r=>r.preventDefault())}),(r,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`go-captcha gc-wrapper ${t.value.showTheme?"gc-theme":""}`),style:e.normalizeStyle(w.value)},[e.createElementVNode("div",xe,[e.createElementVNode("span",null,e.toDisplayString(t.value.title),1),e.createElementVNode("div",ve,[e.createVNode(X,{width:22,height:22,onClick:e.unref(s).closeEvent},null,8,["onClick"]),e.createVNode(W,{width:22,height:22,onClick:e.unref(s).refreshEvent},null,8,["onClick"])])]),e.createElementVNode("div",{class:"gc-body gc-rotate-body",ref:"containerRef",style:e.normalizeStyle(f.value)},[e.createElementVNode("div",Le,[e.createVNode(Y)]),e.createElementVNode("div",{class:"gc-picture gc-rotate-picture",style:e.normalizeStyle(f.value)},[e.withDirectives(e.createElementVNode("img",{src:e.unref(n).image,alt:"..."},null,8,Ce),[[e.vShow,e.unref(n).image!==""]]),$e],4),e.createElementVNode("div",Ve,[e.createElementVNode("div",{class:"gc-rotate-thumb-block",style:e.normalizeStyle(a.value)},[e.withDirectives(e.createElementVNode("img",{src:e.unref(n).thumb,alt:"..."},null,8,Ne),[[e.vShow,e.unref(n).thumb!==""]])],4)])],4),e.createElementVNode("div",Se,[e.createElementVNode("div",{class:"gc-drag-slide-bar",ref_key:"dragBarRef",ref:i,onMousedown:h[1]||(h[1]=(...u)=>e.unref(s).dragEvent&&e.unref(s).dragEvent(...u))},[Be,e.createElementVNode("div",{class:"gc-drag-block",ref_key:"dragBlockRef",ref:d,onTouchstart:h[0]||(h[0]=(...u)=>e.unref(s).dragEvent&&e.unref(s).dragEvent(...u)),style:e.normalizeStyle({left:e.unref(s).state.dragLeft+"px"})},[e.createVNode(j)],36)],544)])],6))}}),Ke="";D.name="goCaptchaRotate",D.install=function(o){o.component("gocaptcha-rotate",D)};const ze=[e.createElementVNode("circle",{fill:"#3E7CFF",cx:"100",cy:"100",r:"96.3"},null,-1),e.createElementVNode("path",{fill:"#FFFFFF",d:`M140.8,64.4l-39.6-11.9h-2.4L59.2,64.4c-1.6,0.8-2.8,2.4-2.8,4v24.1c0,25.3,15.8,45.9,42.3,54.6
|
|
28
|
-
c0.4,0,0.8,0.4,1.2,0.4c0.4,0,0.8,0,1.2-0.4c26.5-8.7,42.3-28.9,42.3-54.6V68.3C143.5,66.8,142.3,65.2,140.8,64.4z`},null,-1)],
|
|
27
|
+
c-6.4,6.4-16.7,6.4-23.1,0c-6.4-6.4-6.4-16.7,0-23.1C121.8,126.2,131.6,116.3,131.6,116.3z`},null,-1)],J=e.defineComponent({__name:"arrows-icon",emits:["click"],setup(l,{emit:c}){const n=c;function o(t){n("click",t)}return(t,a)=>(e.openBlock(),e.createElementBlock("svg",e.mergeProps({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},t.$attrs,{onClick:o}),he,16))}});function fe(l,c,n,o,t,a){const d=e.reactive({dragLeft:0,thumbLeft:l.thumbX||0}),s=()=>{d.dragLeft=0,d.thumbLeft=0};return{state:d,dragEvent:r=>{const m=r.touches&&r.touches[0],_=t.value.offsetLeft,E=n.value.offsetWidth,f=t.value.offsetWidth,p=E-f,k=l.thumbX||0,y=o.value.offsetWidth,$=f-y,L=(p-k+$)/p;let w=!1,C=null,B=0,S=0;m?B=m.pageX-_:B=r.clientX-_;const V=u=>{w=!0;const T=u.touches&&u.touches[0];let b=0;if(T?b=T.pageX-B:b=u.clientX-B,b>=p){d.dragLeft=p;return}if(b<=0){d.dragLeft=0;return}d.dragLeft=b,S=k+b*L,d.thumbLeft=S,c.move&&c.move(S,l.thumbY||0),u.cancelBubble=!0,u.preventDefault()},h=u=>{j(a.value,u)&&w&&(w=!1,F(),c.confirm&&c.confirm({x:parseInt(S.toString()),y:l.thumbY||0},()=>{s()}),u.cancelBubble=!0,u.preventDefault())},D=u=>{C=u},N=()=>{C=null},H=u=>{C&&(h(C),F())},F=()=>{a.value.removeEventListener("mousemove",V,!1),a.value.removeEventListener("touchmove",V,{passive:!1}),a.value.removeEventListener("mouseup",h,!1),a.value.removeEventListener("mouseenter",N,!1),a.value.removeEventListener("mouseleave",D,!1),a.value.removeEventListener("touchend",h,!1),document.body.removeEventListener("mouseleave",h,!1),document.body.removeEventListener("mouseup",H,!1)};a.value.addEventListener("mousemove",V,!1),a.value.addEventListener("touchmove",V,{passive:!1}),a.value.addEventListener("mouseup",h,!1),a.value.addEventListener("mouseenter",N,!1),a.value.addEventListener("mouseleave",D,!1),a.value.addEventListener("touchend",h,!1),document.body.addEventListener("mouseleave",h,!1),document.body.addEventListener("mouseup",H,!1)},closeEvent:r=>(c&&c.close&&c.close(),s(),r.cancelBubble=!0,r.preventDefault(),!1),refreshEvent:r=>(c&&c.refresh&&c.refresh(),s(),r.cancelBubble=!0,r.preventDefault(),!1)}}const ue={class:"gc-header"},ge={class:"gc-icon-block"},pe={class:"gc-loading"},_e=["src"],Ee=["src"],ve={class:"gc-footer"},ke=e.createElementVNode("div",{class:"gc-drag-line"},null,-1),M=e.defineComponent({__name:"index",props:{config:{default:O},events:{default:()=>({})},data:{default:()=>({})}},setup(l){const c=l,{data:n,events:o}=c,t=e.ref({...O(),...c.config});e.watch(()=>c.config,()=>{t.value={...t.value,...c.config}});const a=e.ref(null),d=e.ref(null),s=e.ref(null),v=e.ref(null),i=fe(n,o,d,v,s,a),g=t.value.horizontalPadding||0,r=t.value.verticalPadding||0,m=(t.value.width||0)+g*2+(t.value.showTheme?2:0),_=e.computed(()=>({width:m+"px",paddingLeft:g+"px",paddingRight:g+"px",paddingTop:r+"px",paddingBottom:r+"px"})),E=e.computed(()=>({width:n.thumbWidth+"px",height:n.thumbHeight+"px",top:n.thumbY+"px",left:i.state.thumbLeft+"px"})),f=e.computed(()=>({width:t.value.width+"px",height:t.value.height+"px"}));return e.onMounted(async()=>{await e.nextTick(),s.value&&s.value.addEventListener("dragstart",p=>p.preventDefault())}),(p,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`go-captcha gc-wrapper ${t.value.showTheme?"gc-theme":""}`),style:e.normalizeStyle(_.value)},[e.createElementVNode("div",ue,[e.createElementVNode("span",null,e.toDisplayString(t.value.title),1),e.createElementVNode("div",ge,[e.createVNode(A,{width:22,height:22,onClick:e.unref(i).closeEvent},null,8,["onClick"]),e.createVNode(I,{width:22,height:22,onClick:e.unref(i).refreshEvent},null,8,["onClick"])])]),e.createElementVNode("div",{class:"gc-body",ref_key:"containerRef",ref:d,style:e.normalizeStyle(f.value)},[e.createElementVNode("div",pe,[e.createVNode(U)]),e.withDirectives(e.createElementVNode("img",{class:"gc-picture",style:e.normalizeStyle(f.value),src:e.unref(n).image,alt:"..."},null,12,_e),[[e.vShow,e.unref(n).image!==""]]),e.createElementVNode("div",{class:"gc-tile",ref_key:"tileRef",ref:v,style:e.normalizeStyle(E.value)},[e.withDirectives(e.createElementVNode("img",{src:e.unref(n).thumb,alt:"..."},null,8,Ee),[[e.vShow,e.unref(n).thumb!==""]])],4)],4),e.createElementVNode("div",ve,[e.createElementVNode("div",{class:"gc-drag-slide-bar",ref_key:"dragBarRef",ref:a},[ke,e.createElementVNode("div",{class:"gc-drag-block",ref_key:"dragBlockRef",ref:s,onMousedown:k[1]||(k[1]=(...y)=>e.unref(i).dragEvent&&e.unref(i).dragEvent(...y)),style:e.normalizeStyle({left:e.unref(i).state.dragLeft+"px"})},[e.createElementVNode("div",{class:"drag-block-inline",onTouchstart:k[0]||(k[0]=(...y)=>e.unref(i).dragEvent&&e.unref(i).dragEvent(...y))},[e.createVNode(J)],32)],36)],512)])],6))}}),Re="";M.name="gocaptcha-slide",M.install=function(l){l.component("gocaptcha-slide",M)};const K=()=>({width:300,height:220,verticalPadding:16,horizontalPadding:12,showTheme:!0,title:"请拖拽贴图完成拼图"});function we(l,c,n,o){const t=e.reactive({x:l.thumbX||0,y:l.thumbY||0}),a=()=>{t.x=l.thumbX||0,t.y=l.thumbY||0};return{state:t,dragEvent:i=>{const g=i.touches&&i.touches[0],r=o.value.offsetLeft,m=o.value.offsetTop,_=n.value.offsetWidth,E=n.value.offsetHeight,f=o.value.offsetWidth,p=o.value.offsetHeight,k=_-f,y=E-p;let $=!1,L=null,w=0,C=0,B=0,S=0;g?(w=g.pageX-r,C=g.pageY-m):(w=i.clientX-r,C=i.clientY-m);const V=u=>{$=!0;const T=u.touches&&u.touches[0];let b=0,z=0;T?(b=T.pageX-w,z=T.pageY-C):(b=u.clientX-w,z=u.clientY-C),b<=0&&(b=0),z<=0&&(z=0),b>=k&&(b=k),z>=y&&(z=y),t.x=b,t.y=z,B=b,S=z,c.move&&c.move(b,z),u.cancelBubble=!0,u.preventDefault()},h=u=>{j(n.value,u)&&$&&($=!1,F(),c.confirm&&c.confirm({x:B,y:S},()=>{a()}),u.cancelBubble=!0,u.preventDefault())},D=u=>{L=u},N=()=>{L=null},H=u=>{L&&(h(L),F())},F=()=>{n.value.removeEventListener("mousemove",V,!1),n.value.removeEventListener("touchmove",V,{passive:!1}),n.value.removeEventListener("mouseup",h,!1),n.value.removeEventListener("mouseenter",N,!1),n.value.removeEventListener("mouseleave",D,!1),n.value.removeEventListener("touchend",h,!1),document.body.removeEventListener("mouseleave",h,!1),document.body.removeEventListener("mouseup",H,!1)};n.value.addEventListener("mousemove",V,!1),n.value.addEventListener("touchmove",V,{passive:!1}),n.value.addEventListener("mouseup",h,!1),n.value.addEventListener("mouseenter",N,!1),n.value.addEventListener("mouseleave",D,!1),n.value.addEventListener("touchend",h,!1),document.body.addEventListener("mouseleave",h,!1),document.body.addEventListener("mouseup",H,!1)},closeEvent:i=>(c&&c.close&&c.close(),a(),i.cancelBubble=!0,i.preventDefault(),!1),refreshEvent:i=>(c&&c.refresh&&c.refresh(),a(),i.cancelBubble=!0,i.preventDefault(),!1)}}const be={class:"gc-header gc-header2"},ye={class:"gc-loading"},Le=["src"],xe=["src"],$e={class:"gc-footer"},Ce={class:"gc-icon-block"},X=e.defineComponent({__name:"index",props:{config:{default:K},events:{default:()=>({})},data:{default:()=>({})}},setup(l){const c=l,{data:n,events:o}=c,t=e.ref({...K(),...c.config});e.watch(()=>c.config,()=>{t.value={...t.value,...c.config}});const a=e.ref(null),d=e.ref(null),s=we(n,o,a,d),v=t.value.horizontalPadding||0,i=t.value.verticalPadding||0;let g=(t.value.width||0)+v*2+(t.value.showTheme?2:0);const r=e.computed(()=>({width:g+"px",paddingLeft:v+"px",paddingRight:v+"px",paddingTop:i+"px",paddingBottom:i+"px"})),m=e.computed(()=>({width:n.thumbWidth+"px",height:n.thumbHeight+"px",top:s.state.y+"px",left:s.state.x+"px"})),_=e.computed(()=>({width:t.value.width+"px",height:t.value.height+"px"}));return e.onMounted(async()=>{await e.nextTick(),d.value&&d.value.addEventListener("dragstart",E=>E.preventDefault())}),(E,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`go-captcha gc-wrapper ${t.value.showTheme?"gc-theme":""}`),style:e.normalizeStyle(r.value)},[e.createElementVNode("div",be,[e.createElementVNode("span",null,e.toDisplayString(t.value.title),1)]),e.createElementVNode("div",{class:"gc-body",ref_key:"containerRef",ref:a,style:e.normalizeStyle(_.value)},[e.createElementVNode("div",ye,[e.createVNode(U)]),e.withDirectives(e.createElementVNode("img",{class:"gc-picture",style:e.normalizeStyle(_.value),src:e.unref(n).image,alt:"..."},null,12,Le),[[e.vShow,e.unref(n).image!==""]]),e.createElementVNode("div",{class:"gc-tile",ref_key:"tileRef",ref:d,style:e.normalizeStyle(m.value),onMousedown:f[0]||(f[0]=(...p)=>e.unref(s).dragEvent&&e.unref(s).dragEvent(...p)),onTouchstart:f[1]||(f[1]=(...p)=>e.unref(s).dragEvent&&e.unref(s).dragEvent(...p))},[e.withDirectives(e.createElementVNode("img",{src:e.unref(n).thumb,alt:"..."},null,8,xe),[[e.vShow,e.unref(n).thumb!==""]])],36)],4),e.createElementVNode("div",$e,[e.createElementVNode("div",Ce,[e.createVNode(A,{width:22,height:22,onClick:e.unref(s).closeEvent},null,8,["onClick"]),e.createVNode(I,{width:22,height:22,onClick:e.unref(s).refreshEvent},null,8,["onClick"])])])],6))}}),et="";X.name="gocaptcha-slide-region",X.install=function(l){l.component("gocaptcha-slide-region",X)};const q=()=>({width:300,height:220,size:220,verticalPadding:16,horizontalPadding:12,showTheme:!0,title:"请拖动滑块完成拼图"});function Ve(l,c,n,o){const t=e.reactive({dragLeft:0,thumbAngle:l.angle||0}),a=()=>{t.dragLeft=0,t.thumbAngle=0};return{state:t,dragEvent:i=>{const g=i.touches&&i.touches[0],r=n.value.offsetLeft,m=o.value.offsetWidth,_=n.value.offsetWidth,E=m-_,f=360/E;let p=0,k=!1,y=null,$=0;g?$=g.pageX-r:$=i.clientX-r;const L=h=>{k=!0;const D=h.touches&&h.touches[0];let N=0;if(D?N=D.pageX-$:N=h.clientX-$,N>=E){t.dragLeft=E;return}if(N<=0){t.dragLeft=0;return}t.dragLeft=N,p=N*f,t.thumbAngle=p,c.rotate&&c.rotate(p),h.cancelBubble=!0,h.preventDefault()},w=h=>{j(o.value,h)&&k&&(V(),k=!1,c.confirm&&c.confirm(parseInt(p.toString()),()=>{a()}),h.cancelBubble=!0,h.preventDefault())},C=h=>{y=h},B=()=>{y=null},S=h=>{y&&(w(y),V())},V=()=>{o.value.removeEventListener("mousemove",L,!1),o.value.removeEventListener("touchmove",L,{passive:!1}),o.value.removeEventListener("mouseup",w,!1),o.value.removeEventListener("mouseenter",B,!1),o.value.removeEventListener("mouseleave",C,!1),o.value.removeEventListener("touchend",w,!1),document.body.removeEventListener("mouseleave",w,!1),document.body.removeEventListener("mouseup",S,!1)};o.value.addEventListener("mousemove",L,!1),o.value.addEventListener("touchmove",L,{passive:!1}),o.value.addEventListener("mouseup",w,!1),o.value.addEventListener("mouseenter",B,!1),o.value.addEventListener("mouseleave",C,!1),o.value.addEventListener("touchend",w,!1),document.body.addEventListener("mouseleave",w,!1),document.body.addEventListener("mouseup",S,!1)},closeEvent:i=>(c&&c.close&&c.close(),a(),i.cancelBubble=!0,i.preventDefault(),!1),refreshEvent:i=>(c&&c.refresh&&c.refresh(),a(),i.cancelBubble=!0,i.preventDefault(),!1)}}const Ne={class:"gc-header"},Be={class:"gc-icon-block"},Se={class:"gc-loading"},ze=["src"],De=e.createElementVNode("div",{class:"gc-round"},null,-1),Te={class:"gc-thumb gc-rotate-thumb"},Pe=["src"],Me={class:"gc-footer"},Xe=e.createElementVNode("div",{class:"gc-drag-line"},null,-1),W=e.defineComponent({__name:"index",props:{config:{default:q},events:{default:()=>({})},data:{default:()=>({})}},setup(l){const c=l,{data:n,events:o}=c,t=e.ref({...q(),...c.config});e.watch(()=>c.config,()=>{t.value={...t.value,...c.config}});const a=e.ref(null),d=e.ref(null),s=Ve(n,o,d,a),v=e.computed(()=>{const r=t.value.horizontalPadding||0,m=t.value.verticalPadding||0;return{width:(t.value.width||0)+r*2+(t.value.showTheme?2:0)+"px",paddingLeft:r+"px",paddingRight:r+"px",paddingTop:m+"px",paddingBottom:m+"px"}}),i=e.computed(()=>({transform:`rotate(${s.state.thumbAngle}deg)`})),g=e.computed(()=>{var m;const r=(((m=t.value)==null?void 0:m.size)||0)>0?t.value.size:q().size;return{width:r+"px",height:r+"px"}});return e.onMounted(async()=>{await e.nextTick(),d.value&&d.value.addEventListener("dragstart",r=>r.preventDefault())}),(r,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`go-captcha gc-wrapper ${t.value.showTheme?"gc-theme":""}`),style:e.normalizeStyle(v.value)},[e.createElementVNode("div",Ne,[e.createElementVNode("span",null,e.toDisplayString(t.value.title),1),e.createElementVNode("div",Be,[e.createVNode(A,{width:22,height:22,onClick:e.unref(s).closeEvent},null,8,["onClick"]),e.createVNode(I,{width:22,height:22,onClick:e.unref(s).refreshEvent},null,8,["onClick"])])]),e.createElementVNode("div",{class:"gc-body gc-rotate-body",ref:"containerRef",style:e.normalizeStyle(g.value)},[e.createElementVNode("div",Se,[e.createVNode(U)]),e.createElementVNode("div",{class:"gc-picture gc-rotate-picture",style:e.normalizeStyle(g.value)},[e.withDirectives(e.createElementVNode("img",{src:e.unref(n).image,alt:"..."},null,8,ze),[[e.vShow,e.unref(n).image!==""]]),De],4),e.createElementVNode("div",Te,[e.createElementVNode("div",{class:"gc-rotate-thumb-block",style:e.normalizeStyle(i.value)},[e.withDirectives(e.createElementVNode("img",{src:e.unref(n).thumb,alt:"..."},null,8,Pe),[[e.vShow,e.unref(n).thumb!==""]])],4)])],4),e.createElementVNode("div",Me,[e.createElementVNode("div",{class:"gc-drag-slide-bar",ref_key:"dragBarRef",ref:a},[Xe,e.createElementVNode("div",{class:"gc-drag-block",ref_key:"dragBlockRef",ref:d,onMousedown:m[1]||(m[1]=(..._)=>e.unref(s).dragEvent&&e.unref(s).dragEvent(..._)),style:e.normalizeStyle({left:e.unref(s).state.dragLeft+"px"})},[e.createElementVNode("div",{class:"drag-block-inline",onTouchstart:m[0]||(m[0]=(..._)=>e.unref(s).dragEvent&&e.unref(s).dragEvent(..._))},[e.createVNode(J)],32)],36)],512)])],6))}}),tt="";W.name="gocaptcha-rotate",W.install=function(l){l.component("gocaptcha-rotate",W)};const We=[e.createElementVNode("circle",{fill:"#3E7CFF",cx:"100",cy:"100",r:"96.3"},null,-1),e.createElementVNode("path",{fill:"#FFFFFF",d:`M140.8,64.4l-39.6-11.9h-2.4L59.2,64.4c-1.6,0.8-2.8,2.4-2.8,4v24.1c0,25.3,15.8,45.9,42.3,54.6
|
|
28
|
+
c0.4,0,0.8,0.4,1.2,0.4c0.4,0,0.8,0,1.2-0.4c26.5-8.7,42.3-28.9,42.3-54.6V68.3C143.5,66.8,142.3,65.2,140.8,64.4z`},null,-1)],Ye=e.defineComponent({__name:"btn-default-icon",emits:["click"],setup(l,{emit:c}){const n=c;function o(t){n("click",t)}return(t,a)=>(e.openBlock(),e.createElementBlock("svg",e.mergeProps({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},t.$attrs,{onClick:o}),We,16))}}),He=[e.createElementVNode("path",{fill:"#FFA000",d:`M184,26.6L102.4,2.1h-4.9L16,26.6c-3.3,1.6-5.7,4.9-5.7,8.2v49.8c0,52.2,32.6,94.7,87.3,112.6
|
|
29
29
|
c0.8,0,1.6,0.8,2.4,0.8s1.6,0,2.4-0.8c54.7-18,87.3-59.6,87.3-112.6V34.7C189.8,31.5,187.3,28.2,184,26.6z M107.3,109.1
|
|
30
30
|
c-0.5,5.4-3.9,7.9-7.3,7.9c-2.5,0,0,0,0,0c-3.2-0.6-5.7-2-6.8-7.4l-4.4-50.9c0-5.1,6.2-9.7,11.5-9.7c5.3,0,11,4.7,11,9.9
|
|
31
31
|
L107.3,109.1z M109.3,133.3c0,5.1-4.2,9.3-9.3,9.3c-5.1,0-9.3-4.2-9.3-9.3c0-5.1,4.2-9.3,9.3-9.3C105.1,124,109.3,128.1,109.3,133.3
|
|
32
|
-
z`},null,-1)],
|
|
32
|
+
z`},null,-1)],Fe=e.defineComponent({__name:"btn-warn-icon",emits:["click"],setup(l,{emit:c}){const n=c;function o(t){n("click",t)}return(t,a)=>(e.openBlock(),e.createElementBlock("svg",e.mergeProps({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},t.$attrs,{onClick:o}),He,16))}}),Ae=[e.createElementVNode("path",{fill:"#ED4630",d:`M184,26.6L102.4,2.1h-4.9L16,26.6c-3.3,1.6-5.7,4.9-5.7,8.2v49.8c0,52.2,32.6,94.7,87.3,112.6
|
|
33
33
|
c0.8,0,1.6,0.8,2.4,0.8s1.6,0,2.4-0.8c54.7-18,87.3-59.6,87.3-112.6V34.7C189.8,31.5,187.3,28.2,184,26.6z M134.5,123.1
|
|
34
34
|
c3.1,3.1,3.1,8.2,0,11.3c-1.6,1.6-3.6,2.3-5.7,2.3s-4.1-0.8-5.7-2.3L100,111.3l-23.1,23.1c-1.6,1.6-3.6,2.3-5.7,2.3
|
|
35
35
|
c-2,0-4.1-0.8-5.7-2.3c-3.1-3.1-3.1-8.2,0-11.3L88.7,100L65.5,76.9c-3.1-3.1-3.1-8.2,0-11.3c3.1-3.1,8.2-3.1,11.3,0L100,88.7
|
|
36
|
-
l23.1-23.1c3.1-3.1,8.2-3.1,11.3,0c3.1,3.1,3.1,8.2,0,11.3L111.3,100L134.5,123.1z`},null,-1)],
|
|
36
|
+
l23.1-23.1c3.1-3.1,8.2-3.1,11.3,0c3.1,3.1,3.1,8.2,0,11.3L111.3,100L134.5,123.1z`},null,-1)],Ie=e.defineComponent({__name:"btn-error-icon",emits:["click"],setup(l,{emit:c}){const n=c;function o(t){n("click",t)}return(t,a)=>(e.openBlock(),e.createElementBlock("svg",e.mergeProps({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},t.$attrs,{onClick:o}),Ae,16))}}),Ue=[e.createElementVNode("path",{fill:"#5EAA2F",d:`M183.3,27.2L102.4,2.9h-4.9L16.7,27.2C13.4,28.8,11,32,11,35.3v49.4c0,51.8,32.4,93.9,86.6,111.7
|
|
37
37
|
c0.8,0,1.6,0.8,2.4,0.8c0.8,0,1.6,0,2.4-0.8c54.2-17.8,86.6-59.1,86.6-111.7V35.3C189,32,186.6,28.8,183.3,27.2z M146.1,81.4
|
|
38
38
|
l-48.5,48.5c-1.6,1.6-3.2,2.4-5.7,2.4c-2.4,0-4-0.8-5.7-2.4L62,105.7c-3.2-3.2-3.2-8.1,0-11.3c3.2-3.2,8.1-3.2,11.3,0l18.6,18.6
|
|
39
|
-
l42.9-42.9c3.2-3.2,8.1-3.2,11.3,0C149.4,73.3,149.4,78.2,146.1,81.4L146.1,81.4z`},null,-1)],
|
|
39
|
+
l42.9-42.9c3.2-3.2,8.1-3.2,11.3,0C149.4,73.3,149.4,78.2,146.1,81.4L146.1,81.4z`},null,-1)],je=e.defineComponent({__name:"btn-success-icon",emits:["click"],setup(l,{emit:c}){const n=c;function o(t){n("click",t)}return(t,a)=>(e.openBlock(),e.createElementBlock("svg",e.mergeProps({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},t.$attrs,{onClick:o}),Ue,16))}}),Q=()=>({width:330,height:44,verticalPadding:12,horizontalPadding:16}),Y=e.defineComponent({__name:"index",props:{config:{default:Q},clickEvent:{},disabled:{type:Boolean,default:!1},type:{default:"default"},title:{default:"点击按键进行验证"}},emits:["click-event"],setup(l,{emit:c}){const n=l,{type:o,title:t,disabled:a}=e.toRefs(n),d=e.ref({...Q(),...n.config});e.watch(()=>n.config,()=>{d.value={...d.value,...n.config}});const s=e.computed(()=>["go-captcha","gc-btn-block",`gc-${o.value}`,a.value?"gc-disabled":""]),v=e.computed(()=>({width:d.value.width+"px",height:d.value.height+"px",paddingLeft:d.value.horizontalPadding+"px",paddingRight:d.value.horizontalPadding+"px",paddingTop:d.value.verticalPadding+"px",paddingBottom:d.value.verticalPadding+"px"})),i=c;function g(r){i("click-event",r)}return(r,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.value),style:e.normalizeStyle(v.value),onClick:g},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o)==="default"?"gc-ripple":"")},[e.unref(o)==="default"?(e.openBlock(),e.createBlock(Ye,{key:0})):e.unref(o)==="warn"?(e.openBlock(),e.createBlock(Fe,{key:1})):e.unref(o)==="error"?(e.openBlock(),e.createBlock(Ie,{key:2})):e.unref(o)==="success"?(e.openBlock(),e.createBlock(je,{key:3})):e.createCommentVNode("",!0)],2),e.createElementVNode("span",null,e.toDisplayString(e.unref(t)),1)],6))}}),at="";Y.name="gocaptcha-button",Y.install=function(l){l.component("gocaptcha-button",Y)};const Z="go_captcha_installed",qe=l=>{l[Z]||(l[Z]=!0,[P,M,X,W,Y].map(c=>l.use(c)))};x.Button=Y,x.Click=P,x.Rotate=W,x.Slide=M,x.SlideRegion=X,x.default=qe,Object.defineProperties(x,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/dist/index.d.ts
CHANGED
|
@@ -5,7 +5,5 @@ import SlideRegion from "./components/slide-region/index";
|
|
|
5
5
|
import Rotate from "./components/rotate/index";
|
|
6
6
|
import Button from "./components/button/index";
|
|
7
7
|
export { Click, Slide, SlideRegion, Rotate, Button };
|
|
8
|
-
declare const
|
|
9
|
-
|
|
10
|
-
};
|
|
11
|
-
export default installed;
|
|
8
|
+
declare const install: (app: any) => void;
|
|
9
|
+
export default install;
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--go-captcha-theme-text-color: #333333;--go-captcha-theme-bg-color: #ffffff;--go-captcha-theme-btn-color: #ffffff;--go-captcha-theme-btn-bg-color: #4e87ff;--go-captcha-theme-btn-border-color: #4e87ff;--go-captcha-theme-active-color: #3e7cff;--go-captcha-theme-border-color: rgba(206, 223, 254, .5);--go-captcha-theme-icon-color: #3C3C3C;--go-captcha-theme-drag-bar-color: #e0e0e0;--go-captcha-theme-drag-bg-color: #3e7cff;--go-captcha-theme-drag-icon-color: #ffffff;--go-captcha-theme-round-color: #e0e0e0;--go-captcha-theme-loading-icon-color: #3e7cff;--go-captcha-theme-default-color: #3e7cff;--go-captcha-theme-default-bg-color: #ecf5ff;--go-captcha-theme-default-border-color: #3e7cff;--go-captcha-theme-default-hover-color: #e0efff;--go-captcha-theme-error-color: #ed4630;--go-captcha-theme-error-bg-color: #fef0f0;--go-captcha-theme-error-border-color: #ff5a34;--go-captcha-theme-warn-color: #ffa000;--go-captcha-theme-warn-bg-color: #fdf6ec;--go-captcha-theme-warn-border-color: #ffbe09;--go-captcha-theme-success-color: #5eaa2f;--go-captcha-theme-success-bg-color: #f0f9eb;--go-captcha-theme-success-border-color: #8bc640}.go-captcha.gc-wrapper{padding:12px 16px;background-color:var(--go-captcha-theme-bg-color);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}.go-captcha.gc-theme{border:1px solid rgba(206,223,254,.5);border-color:var(--go-captcha-theme-border-color);border-radius:8px;box-shadow:0 0 20px #6464641a;-webkit-box-shadow:0 0 20px rgba(100,100,100,.1);-moz-box-shadow:0 0 20px rgba(100,100,100,.1)}.go-captcha .gc-header{height:36px;width:100%;font-size:15px;color:var(--go-captcha-theme-text-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.go-captcha .gc-header span{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-right:5px}.go-captcha .gc-header em{padding:0 3px;font-weight:700;color:var(--go-captcha-theme-active-color);font-style:normal}.go-captcha .gc-body{position:relative;width:100%;margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;background:#34383e;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;overflow:hidden}.go-captcha .gc-picture{position:relative;z-index:2;width:100%}.go-captcha .gc-loading{position:absolute;z-index:1;top:50%;left:50%;width:68px;height:68px;margin-left:-34px;margin-top:-34px;line-height:68px;text-align:center}.go-captcha .gc-loading svg,.go-captcha .gc-loading circle{color:var(--go-captcha-theme-loading-icon-color);fill:var(--go-captcha-theme-loading-icon-color)}.go-captcha .gc-footer{width:100%;height:50px;color:#34383e;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-top:10px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.go-captcha .gc-footer .icon-block{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.go-captcha .gc-icon-block{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.go-captcha .gc-icon-block svg{color:var(--go-captcha-theme-icon-color);fill:var(--go-captcha-theme-icon-color);margin:0 5px;cursor:pointer}.go-captcha .gc-button-block{width:120px;height:40px}.go-captcha .gc-button-block button{width:100%;height:40px;text-align:center;padding:9px 15px;font-size:15px;border-radius:5px;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;color:var(--go-captcha-theme-btn-color);background-color:var(--go-captcha-theme-btn-bg-color);border:1px solid transparent;border-color:var(--go-captcha-theme-btn-bg-color);-webkit-appearance:none;box-sizing:border-box;outline:none;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none}.go-captcha .gc-drag-slide-bar{width:100%;height:100%;position:relative;-ms-touch-action:none;touch-action:none}.go-captcha .gc-drag-line{position:absolute;height:14px;background-color:var(--go-captcha-theme-drag-bar-color);left:0;right:0;top:50%;margin-top:-7px;border-radius:7px}.go-captcha .gc-drag-block{position:absolute;left:0;top:50%;margin-top:-20px;width:82px;height:40px;z-index:2;background-color:var(--go-captcha-theme-drag-bg-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:24px;box-shadow:0 0 20px #64646459;-webkit-box-shadow:0 0 20px rgba(100,100,100,.35);-moz-box-shadow:0 0 20px rgba(100,100,100,.35);color:var(--go-captcha-theme-drag-icon-color);fill:var(--go-captcha-theme-drag-icon-color)}.go-captcha .gc-icon-block2{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.go-captcha .gc-dots{position:absolute;top:0;right:0;left:0;bottom:0}.go-captcha .gc-dots .gc-dot{position:absolute;z-index:2;width:20px;height:20px;color:#cedffe;background:#3e7cff;border:2px solid #f7f9fb;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:20px;cursor:default}.go-captcha .gc-header2{text-align:center}.go-captcha .gc-tile{position:absolute;z-index:2;cursor:pointer}.go-captcha .gc-tile img{display:block;cursor:pointer;width:100%;height:100%}.go-captcha .gc-rotate-body{background:transparent!important;display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:10px auto 0}.go-captcha .gc-rotate-picture{position:relative;max-width:100%;max-height:100%;z-index:2;border-radius:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.go-captcha .gc-rotate-picture img{max-width:100%;max-height:100%}.go-captcha .gc-rotate-picture .gc-round{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:100%;z-index:2;border:6px solid #e0e0e0;border-color:var(--go-captcha-theme-round-color)}.go-captcha .gc-rotate-thumb{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0}.go-captcha .gc-rotate-thumb img{max-width:100%;max-height:100%}.go-captcha .gc-rotate-thumb-block{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.go-captcha.gc-btn-block{position:relative;box-sizing:border-box;display:block;font-size:13px;-webkit-border-radius:5px;-moz-border-radius:5px;letter-spacing:1px;border-radius:5px;line-height:1;white-space:nowrap;-webkit-appearance:none;outline:none;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;justify-items:center;box-shadow:0 0 20px #3e7cff1a;-webkit-box-shadow:0 0 20px rgba(62,124,255,.1);-moz-box-shadow:0 0 20px rgba(62,124,255,.1)}.go-captcha.gc-btn-block span{padding-left:8px}.go-captcha.gc-disabled{pointer-events:none}.go-captcha.gc-default{color:var(--go-captcha-theme-default-color);border:1px solid #50a1ff;border-color:var(--go-captcha-theme-default-border-color);background-color:var(--go-captcha-theme-default-bg-color);cursor:pointer}.go-captcha.gc-default:hover{background-color:var(--go-captcha-theme-default-hover-color)!important}.go-captcha.gc-error{cursor:pointer;color:var(--go-captcha-theme-error-color);background-color:var(--go-captcha-theme-error-bg-color);border:1px solid #ff5a34;border-color:var(--go-captcha-theme-error-border-color)}.go-captcha.gc-warn{cursor:pointer;color:var(--go-captcha-theme-warn-color);background-color:var(--go-captcha-theme-warn-bg-color);border:1px solid #ffbe09;border-color:var(--go-captcha-theme-warn-border-color)}.go-captcha.gc-success{color:var(--go-captcha-theme-success-color);background-color:var(--go-captcha-theme-success-bg-color);border:1px solid #8bc640;border-color:var(--go-captcha-theme-success-border-color);pointer-events:none}.go-captcha .gc-ripple{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;justify-items:center}.go-captcha .gc-ripple>*{z-index:2}.go-captcha .gc-ripple svg{position:relative;z-index:2}.go-captcha .gc-ripple:after{background-color:var(--go-captcha-theme-default-border-color);border-radius:50px;content:"";display:block;width:21px;height:21px;opacity:0;position:absolute;top:50%;left:50%;margin-top:-11px;margin-left:-11px;z-index:1;animation:gc-ripple 1.3s infinite;-moz-animation:gc-ripple 1.3s infinite;-webkit-animation:gc-ripple 1.3s infinite;animation-delay:2s;-moz-animation-delay:2s;-webkit-animation-delay:2s}@keyframes gc-ripple{0%{opacity:0}5%{opacity:.05}20%{opacity:.35}65%{opacity:.01}to{-webkit-transform:scaleX(2) scaleY(2);transform:scaleX(2) scaleY(2);opacity:0}}@-webkit-keyframes gc-ripple{0%{opacity:0}5%{opacity:.05}20%{opacity:.35}65%{opacity:.01}to{-webkit-transform:scaleX(2) scaleY(2);transform:scaleX(2) scaleY(2);opacity:0}}
|
|
1
|
+
:root{--go-captcha-theme-text-color: #333333;--go-captcha-theme-bg-color: #ffffff;--go-captcha-theme-btn-color: #ffffff;--go-captcha-theme-btn-bg-color: #4e87ff;--go-captcha-theme-btn-border-color: #4e87ff;--go-captcha-theme-active-color: #3e7cff;--go-captcha-theme-border-color: rgba(206, 223, 254, .5);--go-captcha-theme-icon-color: #3C3C3C;--go-captcha-theme-drag-bar-color: #e0e0e0;--go-captcha-theme-drag-bg-color: #3e7cff;--go-captcha-theme-drag-icon-color: #ffffff;--go-captcha-theme-round-color: #e0e0e0;--go-captcha-theme-loading-icon-color: #3e7cff;--go-captcha-theme-default-color: #3e7cff;--go-captcha-theme-default-bg-color: #ecf5ff;--go-captcha-theme-default-border-color: #3e7cff;--go-captcha-theme-default-hover-color: #e0efff;--go-captcha-theme-error-color: #ed4630;--go-captcha-theme-error-bg-color: #fef0f0;--go-captcha-theme-error-border-color: #ff5a34;--go-captcha-theme-warn-color: #ffa000;--go-captcha-theme-warn-bg-color: #fdf6ec;--go-captcha-theme-warn-border-color: #ffbe09;--go-captcha-theme-success-color: #5eaa2f;--go-captcha-theme-success-bg-color: #f0f9eb;--go-captcha-theme-success-border-color: #8bc640}.go-captcha.gc-wrapper{padding:12px 16px;background-color:var(--go-captcha-theme-bg-color);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}.go-captcha.gc-theme{border:1px solid rgba(206,223,254,.5);border-color:var(--go-captcha-theme-border-color);border-radius:8px;box-shadow:0 0 20px #6464641a;-webkit-box-shadow:0 0 20px rgba(100,100,100,.1);-moz-box-shadow:0 0 20px rgba(100,100,100,.1)}.go-captcha .gc-header{height:36px;width:100%;font-size:15px;color:var(--go-captcha-theme-text-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.go-captcha .gc-header span{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-right:5px}.go-captcha .gc-header em{padding:0 3px;font-weight:700;color:var(--go-captcha-theme-active-color);font-style:normal}.go-captcha .gc-body{position:relative;width:100%;margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;background:#34383e;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;overflow:hidden}.go-captcha .gc-picture{position:relative;z-index:2;width:100%}.go-captcha .gc-loading{position:absolute;z-index:1;top:50%;left:50%;width:68px;height:68px;margin-left:-34px;margin-top:-34px;line-height:68px;text-align:center}.go-captcha .gc-loading svg,.go-captcha .gc-loading circle{color:var(--go-captcha-theme-loading-icon-color);fill:var(--go-captcha-theme-loading-icon-color)}.go-captcha .gc-footer{width:100%;height:50px;color:#34383e;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-top:10px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.go-captcha .gc-footer .icon-block{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.go-captcha .gc-icon-block{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.go-captcha .gc-icon-block svg{color:var(--go-captcha-theme-icon-color);fill:var(--go-captcha-theme-icon-color);margin:0 5px;cursor:pointer}.go-captcha .gc-button-block{width:120px;height:40px}.go-captcha .gc-button-block button{width:100%;height:40px;text-align:center;padding:9px 15px;font-size:15px;border-radius:5px;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;color:var(--go-captcha-theme-btn-color);background-color:var(--go-captcha-theme-btn-bg-color);border:1px solid transparent;border-color:var(--go-captcha-theme-btn-bg-color);-webkit-appearance:none;box-sizing:border-box;outline:none;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none}.go-captcha .gc-drag-slide-bar{width:100%;height:100%;position:relative;-ms-touch-action:none;touch-action:none}.go-captcha .gc-drag-line{position:absolute;height:14px;background-color:var(--go-captcha-theme-drag-bar-color);left:0;right:0;top:50%;margin-top:-7px;border-radius:7px}.go-captcha .gc-drag-block{position:absolute;left:0;top:50%;margin-top:-20px;width:82px;height:40px;z-index:2;background-color:var(--go-captcha-theme-drag-bg-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:24px;box-shadow:0 0 20px #64646459;-webkit-box-shadow:0 0 20px rgba(100,100,100,.35);-moz-box-shadow:0 0 20px rgba(100,100,100,.35);color:var(--go-captcha-theme-drag-icon-color);fill:var(--go-captcha-theme-drag-icon-color)}.go-captcha .drag-block-inline{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.go-captcha .gc-icon-block2{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.go-captcha .gc-dots{position:absolute;top:0;right:0;left:0;bottom:0}.go-captcha .gc-dots .gc-dot{position:absolute;z-index:2;width:20px;height:20px;color:#cedffe;background:#3e7cff;border:2px solid #f7f9fb;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:20px;cursor:default}.go-captcha .gc-header2{text-align:center}.go-captcha .gc-tile{position:absolute;z-index:2;cursor:pointer}.go-captcha .gc-tile img{display:block;cursor:pointer;width:100%;height:100%}.go-captcha .gc-rotate-body{background:transparent!important;display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:10px auto 0}.go-captcha .gc-rotate-picture{position:relative;max-width:100%;max-height:100%;z-index:2;border-radius:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.go-captcha .gc-rotate-picture img{max-width:100%;max-height:100%}.go-captcha .gc-rotate-picture .gc-round{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:100%;z-index:2;border:6px solid #e0e0e0;border-color:var(--go-captcha-theme-round-color)}.go-captcha .gc-rotate-thumb{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0}.go-captcha .gc-rotate-thumb img{max-width:100%;max-height:100%}.go-captcha .gc-rotate-thumb-block{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.go-captcha.gc-btn-block{position:relative;box-sizing:border-box;display:block;font-size:13px;-webkit-border-radius:5px;-moz-border-radius:5px;letter-spacing:1px;border-radius:5px;line-height:1;white-space:nowrap;-webkit-appearance:none;outline:none;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;justify-items:center;box-shadow:0 0 20px #3e7cff1a;-webkit-box-shadow:0 0 20px rgba(62,124,255,.1);-moz-box-shadow:0 0 20px rgba(62,124,255,.1)}.go-captcha.gc-btn-block span{padding-left:8px}.go-captcha.gc-disabled{pointer-events:none}.go-captcha.gc-default{color:var(--go-captcha-theme-default-color);border:1px solid #50a1ff;border-color:var(--go-captcha-theme-default-border-color);background-color:var(--go-captcha-theme-default-bg-color);cursor:pointer}.go-captcha.gc-default:hover{background-color:var(--go-captcha-theme-default-hover-color)!important}.go-captcha.gc-error{cursor:pointer;color:var(--go-captcha-theme-error-color);background-color:var(--go-captcha-theme-error-bg-color);border:1px solid #ff5a34;border-color:var(--go-captcha-theme-error-border-color)}.go-captcha.gc-warn{cursor:pointer;color:var(--go-captcha-theme-warn-color);background-color:var(--go-captcha-theme-warn-bg-color);border:1px solid #ffbe09;border-color:var(--go-captcha-theme-warn-border-color)}.go-captcha.gc-success{color:var(--go-captcha-theme-success-color);background-color:var(--go-captcha-theme-success-bg-color);border:1px solid #8bc640;border-color:var(--go-captcha-theme-success-border-color);pointer-events:none}.go-captcha .gc-ripple{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;justify-items:center}.go-captcha .gc-ripple>*{z-index:2}.go-captcha .gc-ripple svg{position:relative;z-index:2}.go-captcha .gc-ripple:after{background-color:var(--go-captcha-theme-default-border-color);border-radius:50px;content:"";display:block;width:21px;height:21px;opacity:0;position:absolute;top:50%;left:50%;margin-top:-11px;margin-left:-11px;z-index:1;animation:gc-ripple 1.3s infinite;-moz-animation:gc-ripple 1.3s infinite;-webkit-animation:gc-ripple 1.3s infinite;animation-delay:2s;-moz-animation-delay:2s;-webkit-animation-delay:2s}@keyframes gc-ripple{0%{opacity:0}5%{opacity:.05}20%{opacity:.35}65%{opacity:.01}to{-webkit-transform:scaleX(2) scaleY(2);transform:scaleX(2) scaleY(2);opacity:0}}@-webkit-keyframes gc-ripple{0%{opacity:0}5%{opacity:.05}20%{opacity:.35}65%{opacity:.01}to{-webkit-transform:scaleX(2) scaleY(2);transform:scaleX(2) scaleY(2);opacity:0}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "go-captcha-vue",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -28,6 +28,19 @@
|
|
|
28
28
|
"module": "dist/go-captcha-vue.es.js",
|
|
29
29
|
"types": "./dist/index.d.ts",
|
|
30
30
|
"typings": "./dist/index.d.ts",
|
|
31
|
+
"exports": {
|
|
32
|
+
".": {
|
|
33
|
+
"import": {
|
|
34
|
+
"node": "./dist/go-captcha-vue.es.js",
|
|
35
|
+
"default": "./dist/go-captcha-vue.es.js"
|
|
36
|
+
},
|
|
37
|
+
"require": "./dist/go-captcha-vue.es.js",
|
|
38
|
+
"types": "./dist/index.d.ts"
|
|
39
|
+
},
|
|
40
|
+
"./dist/*": "./dist/*",
|
|
41
|
+
"./env.d.ts": "./env.d.ts",
|
|
42
|
+
"./package.json": "./package.json"
|
|
43
|
+
},
|
|
31
44
|
"files": [
|
|
32
45
|
"dist/*",
|
|
33
46
|
"env.d.ts"
|