go-captcha-vue 2.0.1 → 2.0.3
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 +43 -8
- package/dist/components/button/index.vue.d.ts +3 -6
- package/dist/components/click/hooks/handler.d.ts +5 -1
- package/dist/components/click/index.vue.d.ts +9 -6
- package/dist/components/click/meta/config.d.ts +2 -0
- package/dist/components/click/meta/data.d.ts +1 -1
- package/dist/components/click/meta/event.d.ts +2 -3
- package/dist/components/click/meta/expose.d.ts +11 -0
- package/dist/components/rotate/hooks/handler.d.ts +7 -1
- package/dist/components/rotate/index.vue.d.ts +9 -6
- package/dist/components/rotate/meta/config.d.ts +2 -0
- package/dist/components/rotate/meta/data.d.ts +1 -0
- package/dist/components/rotate/meta/event.d.ts +1 -1
- package/dist/components/rotate/meta/expose.d.ts +11 -0
- package/dist/components/slide/hooks/handler.d.ts +7 -1
- package/dist/components/slide/index.vue.d.ts +9 -6
- package/dist/components/slide/meta/config.d.ts +2 -0
- package/dist/components/slide/meta/data.d.ts +1 -0
- package/dist/components/slide/meta/event.d.ts +1 -1
- package/dist/components/slide/meta/expose.d.ts +11 -0
- package/dist/components/slide-region/hooks/handler.d.ts +7 -1
- package/dist/components/slide-region/index.vue.d.ts +9 -6
- package/dist/components/slide-region/meta/config.d.ts +2 -0
- package/dist/components/slide-region/meta/data.d.ts +1 -0
- package/dist/components/slide-region/meta/event.d.ts +1 -1
- package/dist/components/slide-region/meta/expose.d.ts +11 -0
- package/dist/go-captcha-vue.es.js +753 -565
- package/dist/go-captcha-vue.umd.js +8 -8
- package/dist/index.d.ts +4 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(M,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(M=typeof globalThis<"u"?globalThis:M||self,e(M["go-captcha-vue"]={},M.Vue))})(this,function(M,e){"use strict";const st="",ne=()=>({width:300,height:220,thumbWidth:150,thumbHeight:40,verticalPadding:16,horizontalPadding:12,showTheme:!0,title:"请在下图依次点击",buttonText:"确认",iconSize:22,dotSize:24}),le=[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)],K=e.defineComponent({__name:"close-icon",emits:["click"],setup(c,{emit:n}){const l=n;function r(a){l("click",a)}return(a,p)=>(e.openBlock(),e.createElementBlock("svg",e.mergeProps({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},a.$attrs,{onClick:r}),le,16))}}),ie=[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)],Q=e.defineComponent({__name:"refresh-icon",emits:["click"],setup(c,{emit:n}){const l=n;function r(a){l("click",a)}return(a,p)=>(e.openBlock(),e.createElementBlock("svg",e.mergeProps({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},a.$attrs,{onClick:r}),ie,16))}}),re=[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)],Z=e.defineComponent({__name:"loading-icon",emits:["click"],setup(c,{emit:n}){const l=n;function r(a){l("click",a)}return(a,p)=>(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"},a.$attrs,{onClick:r}),re,16))}});function de(c){let n=0,l=0;if(c.getBoundingClientRect){const r=c.getBoundingClientRect(),a=document.documentElement;n=r.left+Math.max(a.scrollLeft,document.body.scrollLeft)-a.clientLeft,l=r.top+Math.max(a.scrollTop,document.body.scrollTop)-a.clientTop}else for(;c!==document.body;)n+=c.offsetLeft,l+=c.offsetTop,c=c.offsetParent;return{domX:n,domY:l}}function ee(c,n){let l=n.relatedTarget;try{for(;l&&l!==c;)l=l.parentNode}catch(r){console.warn(r)}return l!==c}function he(c,n,l){const r=e.reactive({list:[]}),a=o=>{const u=o.currentTarget,E=de(u),i=o.pageX||o.clientX,_=o.pageY||o.clientY,f=E.domX,z=E.domY,k=i-f,m=_-z,g=parseInt(k.toString()),w=parseInt(m.toString()),D=new Date,W=r.list.length;return r.list.push({key:D.getTime(),index:W+1,x:g,y:w}),n.click&&n.click(g,w),o.cancelBubble=!0,o.preventDefault(),!1},p=o=>(n.confirm&&n.confirm(e.toRaw(r.list),()=>{y()}),o.cancelBubble=!0,o.preventDefault(),!1),s=o=>(t(),o.cancelBubble=!0,o.preventDefault(),!1),d=o=>(h(),o.cancelBubble=!0,o.preventDefault(),!1),t=()=>{n.close&&n.close(),y()},h=()=>{n.refresh&&n.refresh(),y()},y=()=>{r.list=[]};return{dots:r,clickEvent:a,confirmEvent:p,closeEvent:s,refreshEvent:d,resetData:y,clearData:()=>{y(),l&&l()},refresh:h,close:t}}const me={class:"gc-header"},fe=["src"],ge={class:"gc-loading"},pe=["src"],ue={class:"gc-dots"},_e={class:"gc-footer"},Ee={class:"gc-icon-block gc-icon-block2"},we={class:"gc-button-block"},I=e.defineComponent({__name:"index",props:{config:{default:ne},events:{default:()=>({})},data:{default:()=>({})}},setup(c,{expose:n}){const l=c,{data:r,events:a,config:p}=l,s=e.reactive({...e.toRaw(r)}),d=e.reactive({...e.toRaw(a)}),t=e.reactive({...ne(),...e.toRaw(p)});e.watch(()=>l.data,(i,_)=>{Object.assign(s,i)},{deep:!0}),e.watch(()=>l.events,(i,_)=>{Object.assign(d,i)},{deep:!0}),e.watch(()=>l.config,(i,_)=>{Object.assign(t,i)},{deep:!0});const h=he(s,d,()=>{s.thumb="",s.image=""}),y=e.computed(()=>{const i=t.horizontalPadding||0,_=t.verticalPadding||0;return{width:(t.width||0)+i*2+(t.showTheme?2:0)+"px",paddingLeft:i+"px",paddingRight:i+"px",paddingTop:_+"px",paddingBottom:_+"px"}}),b=e.computed(()=>({width:t.thumbWidth+"px",height:t.thumbHeight+"px"})),o=e.computed(()=>({width:t.width+"px",height:t.height+"px"})),u=e.computed(()=>s.image!=""||s.thumb!=""),E=e.computed(()=>(t.width||0)>0||(t.height||0)>0);return n({reset:h.resetData,clear:h.clearData,refresh:h.refresh,close:h.close}),(i,_)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`go-captcha gc-wrapper ${t.showTheme&&"gc-theme"}`),style:e.normalizeStyle(y.value)},[e.createElementVNode("div",me,[e.createElementVNode("span",null,e.toDisplayString(t.title),1),e.withDirectives(e.createElementVNode("img",{style:e.normalizeStyle(b.value),src:s.thumb,alt:""},null,12,fe),[[e.vShow,u.value]])]),e.createElementVNode("div",{class:"gc-body",style:e.normalizeStyle(o.value)},[e.createElementVNode("div",ge,[e.createVNode(Z)]),e.withDirectives(e.createElementVNode("img",{style:e.normalizeStyle(o.value),class:"gc-picture",src:s.image,onClick:_[0]||(_[0]=(...f)=>e.unref(h).clickEvent&&e.unref(h).clickEvent(...f)),alt:""},null,12,pe),[[e.vShow,u.value]]),e.createElementVNode("div",ue,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(h).dots.list,f=>(e.openBlock(),e.createElementBlock("div",{class:"gc-dot",key:`${f.key+"-"+f.index}`,style:e.normalizeStyle({width:t.dotSize+"px",height:t.dotSize+"px",borderRadius:t.dotSize+"px",top:f.y-(t.dotSize||1)/2-1+"px",left:f.x-(t.dotSize||1)/2-1+"px"})},e.toDisplayString(f.index),5))),128))])],4),e.createElementVNode("div",_e,[e.createElementVNode("div",Ee,[e.createVNode(K,{width:t.iconSize,height:t.iconSize,onClick:e.unref(h).closeEvent},null,8,["width","height","onClick"]),e.createVNode(Q,{width:t.iconSize,height:t.iconSize,onClick:e.unref(h).refreshEvent},null,8,["width","height","onClick"])]),e.createElementVNode("div",we,[e.createElementVNode("button",{class:e.normalizeClass(!u.value&&"disabled"),onClick:_[1]||(_[1]=(...f)=>e.unref(h).confirmEvent&&e.unref(h).confirmEvent(...f))},e.toDisplayString(t.buttonText),3)])])],6)),[[e.vShow,E.value]])}}),rt="";I.name="gocaptcha-click",I.install=function(c){c.component("gocaptcha-click",I)};const ce=()=>({width:300,height:220,thumbWidth:150,thumbHeight:40,verticalPadding:16,horizontalPadding:12,showTheme:!0,title:"请拖动滑块完成拼图",iconSize:22,scope:!0}),be=[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(l,{emit:n}){const c=n;function o(t){c("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:o}),se,16))}});function ie(l,n,c,o,t,i){const d=e.reactive({dragLeft:0,thumbLeft:l.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,_=c.value.offsetWidth,m=t.value.offsetWidth,g=_-m,k=l.thumbX||0,x=o.value.offsetWidth,C=m-x,b=(g-k+C)/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,n.move&&n.move(v,l.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,n.confirm&&n.confirm({x:parseInt(v.toString()),y:l.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=>(n&&n.close&&n.close(),s(),r.cancelBubble=!0,r.preventDefault(),!1),refreshEvent:r=>(n&&n.refresh&&n.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(l){const n=l,{data:c,events:o}=n,t=e.ref({...I(),...n.config});e.watch(()=>n.config,()=>{t.value={...t.value,...n.config}});const i=e.ref(null),d=e.ref(null),s=e.ref(null),w=e.ref(null),a=ie(c,o,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:c.thumbWidth+"px",height:c.thumbHeight+"px",top:c.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(c).image,alt:"..."},null,12,he),[[e.vShow,e.unref(c).image!==""]]),e.createElementVNode("div",{class:"gc-tile",ref_key:"tileRef",ref:w,style:e.normalizeStyle(_.value)},[e.withDirectives(e.createElementVNode("img",{src:e.unref(c).thumb,alt:"..."},null,8,me),[[e.vShow,e.unref(c).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="gocaptcha-slide",T.install=function(l){l.component("gocaptcha-slide",T)};const q=()=>({width:300,height:220,verticalPadding:16,horizontalPadding:12,showTheme:!0,title:"请拖拽贴图完成拼图"});function pe(l,n,c,o){const t=e.reactive({x:l.thumbX||0,y:l.thumbY||0}),i=()=>{t.x=l.thumbX||0,t.y=l.thumbY||0};return{state:t,dragEvent:a=>{const f=a.touches&&a.touches[0],r=o.value.offsetLeft,h=o.value.offsetTop,u=c.value.offsetWidth,_=c.value.offsetHeight,m=o.value.offsetWidth,g=o.value.offsetHeight,k=u-m,x=_-g;let C=!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=>{C=!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,n.move&&n.move(y,S),p.cancelBubble=!0,p.preventDefault()},L=p=>{H(c.value,p)&&C&&(C=!1,c.value.removeEventListener("mousemove",N,!1),c.value.removeEventListener("touchmove",N,{passive:!1}),c.value.removeEventListener("mouseup",L,!1),c.value.removeEventListener("mouseout",L,!1),c.value.removeEventListener("touchend",L,!1),n.confirm&&n.confirm({x:V,y:v},()=>{i()}),p.cancelBubble=!0,p.preventDefault())};c.value.addEventListener("mousemove",N,!1),c.value.addEventListener("touchmove",N,{passive:!1}),c.value.addEventListener("mouseup",L,!1),c.value.addEventListener("mouseout",L,!1),c.value.addEventListener("touchend",L,!1)},closeEvent:a=>(n&&n.close&&n.close(),i(),a.cancelBubble=!0,a.preventDefault(),!1),refreshEvent:a=>(n&&n.refresh&&n.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(l){const n=l,{data:c,events:o}=n,t=e.ref({...q(),...n.config});e.watch(()=>n.config,()=>{t.value={...t.value,...n.config}});const i=e.ref(null),d=e.ref(null),s=pe(c,o,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:c.thumbWidth+"px",height:c.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(c).image,alt:"..."},null,12,Ee),[[e.vShow,e.unref(c).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(c).thumb,alt:"..."},null,8,we),[[e.vShow,e.unref(c).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="gocaptcha-slide-region",P.install=function(l){l.component("gocaptcha-slide-region",P)};const F=()=>({width:300,height:220,size:220,verticalPadding:16,horizontalPadding:12,showTheme:!0,title:"请拖动滑块完成拼图"});function ye(l,n,c,o){const t=e.reactive({dragLeft:0,thumbAngle:l.angle||0}),i=()=>{t.dragLeft=0,t.thumbAngle=0};return{state:t,dragEvent:a=>{const f=a.touches&&a.touches[0],r=c.value.offsetLeft,h=o.value.offsetWidth,u=c.value.offsetWidth,_=h-u,m=360/_;let g=0,k=!1,x=0;f?x=f.pageX-r:x=a.clientX-r;const C=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,n.rotate&&n.rotate(g),E.cancelBubble=!0,E.preventDefault()},b=E=>{H(o.value,E)&&k&&(o.value.removeEventListener("mousemove",C,!1),o.value.removeEventListener("touchmove",C,{passive:!1}),o.value.removeEventListener("mouseup",b,!1),o.value.removeEventListener("mouseout",b,!1),o.value.removeEventListener("touchend",b,!1),k=!1,n.confirm&&n.confirm(parseInt(g.toString()),()=>{i()}),E.cancelBubble=!0,E.preventDefault())};o.value.addEventListener("mousemove",C,!1),o.value.addEventListener("touchmove",C,{passive:!1}),o.value.addEventListener("mouseup",b,!1),o.value.addEventListener("mouseout",b,!1),o.value.addEventListener("touchend",b,!1)},closeEvent:a=>(n&&n.close&&n.close(),i(),a.cancelBubble=!0,a.preventDefault(),!1),refreshEvent:a=>(n&&n.refresh&&n.refresh(),i(),a.cancelBubble=!0,a.preventDefault(),!1)}}const xe={class:"gc-header"},ve={class:"gc-icon-block"},Le={class:"gc-loading"},$e=["src"],Ce=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(l){const n=l,{data:c,events:o}=n,t=e.ref({...F(),...n.config});e.watch(()=>n.config,()=>{t.value={...t.value,...n.config}});const i=e.ref(null),d=e.ref(null),s=ye(c,o,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(c).image,alt:"..."},null,8,$e),[[e.vShow,e.unref(c).image!==""]]),Ce],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(c).thumb,alt:"..."},null,8,Ne),[[e.vShow,e.unref(c).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="gocaptcha-rotate",D.install=function(l){l.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)],oe=e.defineComponent({__name:"arrows-icon",emits:["click"],setup(c,{emit:n}){const l=n;function r(a){l("click",a)}return(a,p)=>(e.openBlock(),e.createElementBlock("svg",e.mergeProps({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},a.$attrs,{onClick:r}),be,16))}}),ke=()=>({thumbX:0,thumbY:0,thumbWidth:0,thumbHeight:0,image:"",thumb:""});function ye(c,n,l,r,a,p,s,d,t){const h=e.reactive({dragLeft:0,thumbLeft:c.thumbX||0,isFreeze:!1});e.watch(()=>c,(f,z)=>{h.isFreeze||(h.thumbLeft=f.thumbX||0)},{deep:!0});const y=f=>{const z=f.touches&&f.touches[0],k=s.value.offsetLeft,m=a.value.offsetWidth,g=s.value.offsetWidth,w=m-g,D=p.value.offsetWidth,W=p.value.offsetLeft,j=m-D,F=(m-(D+W))/w;let R=!1,C=null,H=0,N=0;z?H=z.pageX-k:H=f.clientX-k;const B=v=>{R=!0;const Y=v.touches&&v.touches[0];let V=0;Y?V=Y.pageX-H:V=v.clientX-H;let ot=W+V*F;if(V>=w){h.dragLeft=w,h.thumbLeft=N=j;return}if(V<=0){h.dragLeft=0,h.thumbLeft=N=W;return}h.dragLeft=V,h.thumbLeft=N=ot,n.move&&n.move(N,c.thumbY||0),v.cancelBubble=!0,v.preventDefault()},X=v=>{ee(d.value,v)&&R&&($(),!(N<0)&&(R=!1,n.confirm&&n.confirm({x:parseInt(N.toString()),y:c.thumbY||0},()=>{i()}),v.cancelBubble=!0,v.preventDefault()))},T=v=>{C=v},P=()=>{C=null},A=v=>{C&&(X(C),$())},x=l.scope,L=x?r.value:d.value,S=x?r.value:document.body,$=()=>{S.removeEventListener("mousemove",B,!1),S.removeEventListener("touchmove",B,{passive:!1}),L.removeEventListener("mouseup",X,!1),L.removeEventListener("mouseenter",P,!1),L.removeEventListener("mouseleave",T,!1),L.removeEventListener("touchend",X,!1),S.removeEventListener("mouseleave",X,!1),S.removeEventListener("mouseup",A,!1),h.isFreeze=!1};h.isFreeze=!0,S.addEventListener("mousemove",B,!1),S.addEventListener("touchmove",B,{passive:!1}),L.addEventListener("mouseup",X,!1),L.addEventListener("mouseenter",P,!1),L.addEventListener("mouseleave",T,!1),L.addEventListener("touchend",X,!1),S.addEventListener("mouseleave",X,!1),S.addEventListener("mouseup",A,!1)},b=f=>(u(),f.cancelBubble=!0,f.preventDefault(),!1),o=f=>(E(),f.cancelBubble=!0,f.preventDefault(),!1),u=()=>{n&&n.close&&n.close(),i()},E=()=>{n&&n.refresh&&n.refresh(),i()},i=()=>{h.dragLeft=0,h.thumbLeft=c.thumbX||0};return{state:h,dragEvent:y,closeEvent:b,refreshEvent:o,resetData:i,clearData:()=>{t&&t(),i()},refresh:E,close:u}}const xe={class:"gc-header"},Le={class:"gc-icon-block"},Se={class:"gc-loading"},ze=["src"],De=["src"],Ce={class:"gc-footer"},$e=e.createElementVNode("div",{class:"gc-drag-line"},null,-1),U=e.defineComponent({__name:"index",props:{config:{default:ce},events:{default:()=>({})},data:{default:()=>({})}},setup(c,{expose:n}){const l=c,{data:r,events:a,config:p}=l,s=e.reactive({...ke(),...e.toRaw(r)}),d=e.reactive({...e.toRaw(a)}),t=e.reactive({...ce(),...e.toRaw(p)});e.watch(()=>l.data,(g,w)=>{Object.assign(s,g)},{deep:!0}),e.watch(()=>l.events,(g,w)=>{Object.assign(d,g)},{deep:!0}),e.watch(()=>l.config,(g,w)=>{Object.assign(t,g)},{deep:!0});const h=e.ref(null),y=e.ref(null),b=e.ref(null),o=e.ref(null),u=e.ref(null),E=ye(s,d,t,h,b,u,o,y,()=>{s.thumb="",s.image="",s.thumbX=0,s.thumbY=0,s.thumbWidth=0,s.thumbHeight=0}),i=e.computed(()=>{const g=t.horizontalPadding||0,w=t.verticalPadding||0;return{width:(t.width||0)+g*2+(t.showTheme?2:0)+"px",paddingLeft:g+"px",paddingRight:g+"px",paddingTop:w+"px",paddingBottom:w+"px"}}),_=e.computed(()=>({width:s.thumbWidth+"px",height:s.thumbHeight+"px",top:s.thumbY+"px",left:E.state.thumbLeft+"px"})),f=e.computed(()=>({width:t.width+"px",height:t.height+"px"})),z=e.computed(()=>s.image!=""),k=e.computed(()=>s.thumb!=""),m=e.computed(()=>(t.width||0)>0||(t.height||0)>0);return e.onMounted(async()=>{await e.nextTick(),o.value&&o.value.addEventListener("dragstart",g=>g.preventDefault())}),n({reset:E.resetData,clear:E.clearData,refresh:E.refresh,close:E.close}),(g,w)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`go-captcha gc-wrapper ${t.showTheme&&"gc-theme"}`),style:e.normalizeStyle(i.value),ref_key:"rootRef",ref:h},[e.createElementVNode("div",xe,[e.createElementVNode("span",null,e.toDisplayString(t.title),1),e.createElementVNode("div",Le,[e.createVNode(K,{width:t.iconSize,height:t.iconSize,onClick:e.unref(E).closeEvent},null,8,["width","height","onClick"]),e.createVNode(Q,{width:t.iconSize,height:t.iconSize,onClick:e.unref(E).refreshEvent},null,8,["width","height","onClick"])])]),e.createElementVNode("div",{class:"gc-body",ref_key:"containerRef",ref:b,style:e.normalizeStyle(f.value)},[e.createElementVNode("div",Se,[e.createVNode(Z)]),e.withDirectives(e.createElementVNode("img",{class:"gc-picture",style:e.normalizeStyle(f.value),src:s.image,alt:""},null,12,ze),[[e.vShow,z.value]]),e.createElementVNode("div",{class:"gc-tile",ref_key:"tileRef",ref:u,style:e.normalizeStyle(_.value)},[e.withDirectives(e.createElementVNode("img",{src:s.thumb,alt:""},null,8,De),[[e.vShow,k.value]])],4)],4),e.createElementVNode("div",Ce,[e.createElementVNode("div",{class:"gc-drag-slide-bar",ref_key:"dragBarRef",ref:y},[$e,e.createElementVNode("div",{class:e.normalizeClass(["gc-drag-block",!z.value&&"disabled"]),ref_key:"dragBlockRef",ref:o,onMousedown:w[1]||(w[1]=(...D)=>e.unref(E).dragEvent&&e.unref(E).dragEvent(...D)),style:e.normalizeStyle({left:e.unref(E).state.dragLeft+"px"})},[e.createElementVNode("div",{class:"gc-drag-block-inline",onTouchstart:w[0]||(w[0]=(...D)=>e.unref(E).dragEvent&&e.unref(E).dragEvent(...D))},[e.createVNode(oe)],32)],38)],512)])],6)),[[e.vShow,m.value]])}}),ht="";U.name="gocaptcha-slide",U.install=function(c){c.component("gocaptcha-slide",U)};const se=()=>({width:300,height:220,verticalPadding:16,horizontalPadding:12,showTheme:!0,title:"请拖拽贴图完成拼图",iconSize:22,scope:!0}),ve=()=>({thumbX:0,thumbY:0,thumbWidth:0,thumbHeight:0,image:"",thumb:""});function Ve(c,n,l,r,a,p,s){const d=e.reactive({x:c.thumbX||0,y:c.thumbY||0,isFreeze:!1});e.watch(()=>c,(i,_)=>{d.isFreeze||(d.x=i.thumbX||0,d.y=i.thumbY||0)},{deep:!0});const t=i=>{const _=i.touches&&i.touches[0],f=p.value.offsetLeft,z=p.value.offsetTop,k=a.value.offsetWidth,m=a.value.offsetHeight,g=p.value.offsetWidth,w=p.value.offsetHeight,D=k-g,W=m-w;let j=!1,O=null,F=0,R=0,C=0,H=0;_?(F=_.pageX-f,R=_.pageY-z):(F=i.clientX-f,R=i.clientY-z);const N=$=>{j=!0;const v=$.touches&&$.touches[0];let Y=0,V=0;v?(Y=v.pageX-F,V=v.pageY-R):(Y=$.clientX-F,V=$.clientY-R),Y<=0&&(Y=0),V<=0&&(V=0),Y>=D&&(Y=D),V>=W&&(V=W),d.x=Y,d.y=V,C=Y,H=V,n.move&&n.move(Y,V),$.cancelBubble=!0,$.preventDefault()},B=$=>{ee(a.value,$)&&j&&(j=!1,S(),!(C<0||H<0)&&(n.confirm&&n.confirm({x:C,y:H},()=>{u()}),$.cancelBubble=!0,$.preventDefault()))},X=$=>{O=$},T=()=>{O=null},P=$=>{O&&(B(O),S())},A=l.scope,x=A?r.value:a.value,L=A?r.value:document.body,S=()=>{L.removeEventListener("mousemove",N,!1),L.removeEventListener("touchmove",N,{passive:!1}),x.removeEventListener("mouseup",B,!1),x.removeEventListener("mouseenter",T,!1),x.removeEventListener("mouseleave",X,!1),x.removeEventListener("touchend",B,!1),L.removeEventListener("mouseleave",B,!1),L.removeEventListener("mouseup",P,!1),d.isFreeze=!1};d.isFreeze=!0,L.addEventListener("mousemove",N,!1),L.addEventListener("touchmove",N,{passive:!1}),x.addEventListener("mouseup",B,!1),x.addEventListener("mouseenter",T,!1),x.addEventListener("mouseleave",X,!1),x.addEventListener("touchend",B,!1),L.addEventListener("mouseleave",B,!1),L.addEventListener("mouseup",P,!1)},h=i=>(b(),i.cancelBubble=!0,i.preventDefault(),!1),y=i=>(o(),i.cancelBubble=!0,i.preventDefault(),!1),b=()=>{n&&n.close&&n.close(),u()},o=()=>{n&&n.refresh&&n.refresh(),u()},u=()=>{d.x=c.thumbX||0,d.y=c.thumbY||0};return{state:d,dragEvent:t,closeEvent:h,refreshEvent:y,resetData:u,clearData:()=>{s&&s(),u()},refresh:o,close:b}}const Be={class:"gc-header gc-header2"},Ne={class:"gc-loading"},Te=["src"],Pe=["src"],Re={class:"gc-footer"},Xe={class:"gc-icon-block"},q=e.defineComponent({__name:"index",props:{config:{default:se},events:{default:()=>({})},data:{default:()=>({})}},setup(c,{expose:n}){const l=c,{data:r,events:a,config:p}=l,s=e.reactive({...ve(),...e.toRaw(r)}),d=e.reactive({...e.toRaw(a)}),t=e.reactive({...se(),...e.toRaw(p)});e.watch(()=>l.data,(k,m)=>{Object.assign(s,k)},{deep:!0}),e.watch(()=>l.events,(k,m)=>{Object.assign(d,k)},{deep:!0}),e.watch(()=>l.config,(k,m)=>{Object.assign(t,k)},{deep:!0});const h=e.ref(null),y=e.ref(null),b=e.ref(null),o=Ve(s,d,t,h,y,b,()=>{s.thumb="",s.image="",s.thumbX=0,s.thumbY=0,s.thumbWidth=0,s.thumbHeight=0}),u=e.computed(()=>{const k=t.horizontalPadding||0,m=t.verticalPadding||0;return{width:(t.width||0)+k*2+(t.showTheme?2:0)+"px",paddingLeft:k+"px",paddingRight:k+"px",paddingTop:m+"px",paddingBottom:m+"px"}}),E=e.computed(()=>({width:s.thumbWidth+"px",height:s.thumbHeight+"px",top:o.state.y+"px",left:o.state.x+"px"})),i=e.computed(()=>({width:t.width+"px",height:t.height+"px"})),_=e.computed(()=>s.image!=""),f=e.computed(()=>s.thumb!=""),z=e.computed(()=>(t.width||0)>0||(t.height||0)>0);return e.onMounted(async()=>{await e.nextTick(),b.value&&b.value.addEventListener("dragstart",k=>k.preventDefault())}),n({reset:o.resetData,clear:o.clearData,refresh:o.refresh,close:o.close}),(k,m)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`go-captcha gc-wrapper ${t.showTheme&&"gc-theme"}`),style:e.normalizeStyle(u.value),ref_key:"rootRef",ref:h},[e.createElementVNode("div",Be,[e.createElementVNode("span",null,e.toDisplayString(t.title),1)]),e.createElementVNode("div",{class:"gc-body",ref_key:"containerRef",ref:y,style:e.normalizeStyle(i.value)},[e.createElementVNode("div",Ne,[e.createVNode(Z)]),e.withDirectives(e.createElementVNode("img",{class:"gc-picture",style:e.normalizeStyle(i.value),src:s.image,alt:""},null,12,Te),[[e.vShow,_.value]]),e.createElementVNode("div",{class:"gc-tile",ref_key:"tileRef",ref:b,style:e.normalizeStyle(E.value),onMousedown:m[0]||(m[0]=(...g)=>e.unref(o).dragEvent&&e.unref(o).dragEvent(...g)),onTouchstart:m[1]||(m[1]=(...g)=>e.unref(o).dragEvent&&e.unref(o).dragEvent(...g))},[e.withDirectives(e.createElementVNode("img",{src:s.thumb,alt:""},null,8,Pe),[[e.vShow,f.value]])],36)],4),e.createElementVNode("div",Re,[e.createElementVNode("div",Xe,[e.createVNode(K,{width:t.iconSize,height:t.iconSize,onClick:e.unref(o).closeEvent},null,8,["width","height","onClick"]),e.createVNode(Q,{width:t.iconSize,height:t.iconSize,onClick:e.unref(o).refreshEvent},null,8,["width","height","onClick"])])])],6)),[[e.vShow,z.value]])}}),mt="";q.name="gocaptcha-slide-region",q.install=function(c){c.component("gocaptcha-slide-region",q)};const te=()=>({width:300,height:220,size:220,verticalPadding:16,horizontalPadding:12,showTheme:!0,title:"请拖动滑块完成拼图",iconSize:22,scope:!0}),Me=()=>({angle:0,image:"",thumb:""});function We(c,n,l,r,a,p,s){const d=e.reactive({dragLeft:0,thumbAngle:c.angle||0,isFreeze:!1});e.watch(()=>c,(i,_)=>{d.isFreeze||(d.thumbAngle=i.angle||0)},{deep:!0});const t=i=>{const _=i.touches&&i.touches[0],f=a.value.offsetLeft,z=p.value.offsetWidth,k=a.value.offsetWidth,m=z-k,g=360,w=(g-c.angle)/m;let D=0,W=!1,j=null,O=0,F=0;_?O=_.pageX-f:O=i.clientX-f;const R=x=>{W=!0;const L=x.touches&&x.touches[0];let S=0;if(L?S=L.pageX-O:S=x.clientX-O,D=c.angle+S*w,S>=m){d.dragLeft=m,d.thumbAngle=F=g;return}if(S<=0){d.dragLeft=0,d.thumbAngle=F=c.angle;return}d.dragLeft=S,d.thumbAngle=F=D,n.rotate&&n.rotate(D),x.cancelBubble=!0,x.preventDefault()},C=x=>{ee(p.value,x)&&W&&(A(),!(F<0)&&(W=!1,n.confirm&&n.confirm(parseInt(F.toString()),()=>{u()}),x.cancelBubble=!0,x.preventDefault()))},H=x=>{j=x},N=()=>{j=null},B=x=>{j&&(C(j),A())},X=l.scope,T=X?r.value:p.value,P=X?r.value:document.body,A=()=>{P.removeEventListener("mousemove",R,!1),P.removeEventListener("touchmove",R,{passive:!1}),T.removeEventListener("mouseup",C,!1),T.removeEventListener("mouseenter",N,!1),T.removeEventListener("mouseleave",H,!1),T.removeEventListener("touchend",C,!1),P.removeEventListener("mouseleave",C,!1),P.removeEventListener("mouseup",B,!1),d.isFreeze=!1};d.isFreeze=!0,P.addEventListener("mousemove",R,!1),P.addEventListener("touchmove",R,{passive:!1}),T.addEventListener("mouseup",C,!1),T.addEventListener("mouseenter",N,!1),T.addEventListener("mouseleave",H,!1),T.addEventListener("touchend",C,!1),P.addEventListener("mouseleave",C,!1),P.addEventListener("mouseup",B,!1)},h=i=>(b(),i.cancelBubble=!0,i.preventDefault(),!1),y=i=>(o(),i.cancelBubble=!0,i.preventDefault(),!1),b=()=>{n&&n.close&&n.close(),u()},o=()=>{n&&n.refresh&&n.refresh(),u()},u=()=>{d.dragLeft=0,d.thumbAngle=c.angle};return{state:d,dragEvent:t,closeEvent:h,refreshEvent:y,resetData:u,clearData:()=>{s&&s(),u()},refresh:o,close:b}}const Fe={class:"gc-header"},Ye={class:"gc-icon-block"},He={class:"gc-loading"},je=["src"],Oe=e.createElementVNode("div",{class:"gc-round"},null,-1),Ae={class:"gc-thumb gc-rotate-thumb"},Ie=["src"],Ue={class:"gc-footer"},qe=e.createElementVNode("div",{class:"gc-drag-line"},null,-1),G=e.defineComponent({__name:"index",props:{config:{default:te},events:{default:()=>({})},data:{default:()=>({})}},setup(c,{expose:n}){const l=c,{data:r,events:a,config:p}=l,s=e.reactive({...Me(),...e.toRaw(r)}),d=e.reactive({...e.toRaw(a)}),t=e.reactive({...te(),...e.toRaw(p)});e.watch(()=>l.data,(m,g)=>{Object.assign(s,m)},{deep:!0}),e.watch(()=>l.events,(m,g)=>{Object.assign(d,m)},{deep:!0}),e.watch(()=>l.config,(m,g)=>{Object.assign(t,m)},{deep:!0});const h=e.ref(null),y=e.ref(null),b=e.ref(null),o=We(s,d,t,h,b,y,()=>{s.thumb="",s.image="",s.angle=0}),u=e.computed(()=>{const m=t.horizontalPadding||0,g=t.verticalPadding||0;return{width:(t.width||0)+m*2+(t.showTheme?2:0)+"px",paddingLeft:m+"px",paddingRight:m+"px",paddingTop:g+"px",paddingBottom:g+"px"}}),E=e.computed(()=>({transform:`rotate(${o.state.thumbAngle}deg)`})),i=e.computed(()=>({width:t.width+"px",height:t.height+"px"})),_=e.computed(()=>{const m=(t.size||0)>0?t.size:te().size;return{width:m+"px",height:m+"px"}}),f=e.computed(()=>s.image!=""),z=e.computed(()=>s.thumb!=""),k=e.computed(()=>(t.width||0)>0||(t.height||0)>0);return e.onMounted(async()=>{await e.nextTick(),b.value&&b.value.addEventListener("dragstart",m=>m.preventDefault())}),n({reset:o.resetData,clear:o.clearData,refresh:o.refresh,close:o.close}),(m,g)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`go-captcha gc-wrapper ${t.showTheme&&"gc-theme"}`),style:e.normalizeStyle(u.value),ref_key:"rootRef",ref:h},[e.createElementVNode("div",Fe,[e.createElementVNode("span",null,e.toDisplayString(t.title),1),e.createElementVNode("div",Ye,[e.createVNode(K,{width:t.iconSize,height:t.iconSize,onClick:e.unref(o).closeEvent},null,8,["width","height","onClick"]),e.createVNode(Q,{width:t.iconSize,height:t.iconSize,onClick:e.unref(o).refreshEvent},null,8,["width","height","onClick"])])]),e.createElementVNode("div",{class:"gc-body gc-rotate-body",ref:"containerRef",style:e.normalizeStyle(i.value)},[e.createElementVNode("div",{class:"gc-body-inner",style:e.normalizeStyle(_.value)},[e.createElementVNode("div",He,[e.createVNode(Z)]),e.createElementVNode("div",{class:"gc-picture gc-rotate-picture",style:e.normalizeStyle(_.value)},[e.withDirectives(e.createElementVNode("img",{src:s.image,alt:""},null,8,je),[[e.vShow,f.value]]),Oe],4),e.createElementVNode("div",Ae,[e.createElementVNode("div",{class:"gc-rotate-thumb-block",style:e.normalizeStyle(E.value)},[e.withDirectives(e.createElementVNode("img",{src:s.thumb,alt:""},null,8,Ie),[[e.vShow,z.value]])],4)])],4)],4),e.createElementVNode("div",Ue,[e.createElementVNode("div",{class:"gc-drag-slide-bar",ref_key:"dragBarRef",ref:y},[qe,e.createElementVNode("div",{class:e.normalizeClass(["gc-drag-block",!f.value&&"disabled"]),ref_key:"dragBlockRef",ref:b,onMousedown:g[1]||(g[1]=(...w)=>e.unref(o).dragEvent&&e.unref(o).dragEvent(...w)),style:e.normalizeStyle({left:e.unref(o).state.dragLeft+"px"})},[e.createElementVNode("div",{class:"gc-drag-block-inline",onTouchstart:g[0]||(g[0]=(...w)=>e.unref(o).dragEvent&&e.unref(o).dragEvent(...w))},[e.createVNode(oe)],32)],38)],512)])],6)),[[e.vShow,k.value]])}}),ft="";G.name="gocaptcha-rotate",G.install=function(c){c.component("gocaptcha-rotate",G)};const Ge=[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)],Je=e.defineComponent({__name:"btn-default-icon",emits:["click"],setup(c,{emit:n}){const l=n;function r(a){l("click",a)}return(a,p)=>(e.openBlock(),e.createElementBlock("svg",e.mergeProps({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},a.$attrs,{onClick:r}),Ge,16))}}),Ke=[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)],Qe=e.defineComponent({__name:"btn-warn-icon",emits:["click"],setup(c,{emit:n}){const l=n;function r(a){l("click",a)}return(a,p)=>(e.openBlock(),e.createElementBlock("svg",e.mergeProps({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},a.$attrs,{onClick:r}),Ke,16))}}),Ze=[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)],et=e.defineComponent({__name:"btn-error-icon",emits:["click"],setup(c,{emit:n}){const l=n;function r(a){l("click",a)}return(a,p)=>(e.openBlock(),e.createElementBlock("svg",e.mergeProps({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},a.$attrs,{onClick:r}),Ze,16))}}),tt=[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)],nt=e.defineComponent({__name:"btn-success-icon",emits:["click"],setup(c,{emit:n}){const l=n;function r(a){l("click",a)}return(a,p)=>(e.openBlock(),e.createElementBlock("svg",e.mergeProps({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",width:"20",height:"20"},a.$attrs,{onClick:r}),tt,16))}}),ae=()=>({width:330,height:44,verticalPadding:12,horizontalPadding:16}),J=e.defineComponent({__name:"index",props:{config:{default:ae},clickEvent:{},disabled:{type:Boolean,default:!1},type:{default:"default"},title:{default:"点击按键进行验证"}},emits:["click-event"],setup(c,{emit:n}){const l=c,{type:r,title:a,disabled:p,config:s}=e.toRefs(l),d=e.reactive({...ae(),...e.toRaw(s)});e.watch(()=>l.config,(o,u)=>{Object.assign(d,o)},{deep:!0});const t=e.computed(()=>["go-captcha","gc-btn-block",`gc-${r.value}`,p.value?"gc-disabled":""]),h=e.computed(()=>({width:d.width+"px",height:d.height+"px",paddingLeft:d.horizontalPadding+"px",paddingRight:d.horizontalPadding+"px",paddingTop:d.verticalPadding+"px",paddingBottom:d.verticalPadding+"px"})),y=n;function b(o){y("click-event",o)}return(o,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.value),style:e.normalizeStyle(h.value),onClick:b},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)==="default"?"gc-ripple":"")},[e.unref(r)==="default"?(e.openBlock(),e.createBlock(Je,{key:0})):e.unref(r)==="warn"?(e.openBlock(),e.createBlock(Qe,{key:1})):e.unref(r)==="error"?(e.openBlock(),e.createBlock(et,{key:2})):e.unref(r)==="success"?(e.openBlock(),e.createBlock(nt,{key:3})):e.createCommentVNode("",!0)],2),e.createElementVNode("span",null,e.toDisplayString(e.unref(a)),1)],6))}}),wt="";J.name="gocaptcha-button",J.install=function(c){c.component("gocaptcha-button",J)};const ct={install(c){I.install(c),U.install(c),q.install(c),G.install(c),J.install(c)}};M.Button=J,M.Click=I,M.Rotate=G,M.Slide=U,M.SlideRegion=q,M.default=ct,Object.defineProperties(M,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/dist/index.d.ts
CHANGED
|
@@ -5,5 +5,7 @@ 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
|
-
|
|
8
|
+
declare const installed: {
|
|
9
|
+
install(vue: any): void;
|
|
10
|
+
};
|
|
11
|
+
export default installed;
|
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-disabled-color: #749ff9;--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-body-bg-color: #34383e;--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:var(--go-captcha-theme-body-bg-color);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;overflow:hidden}.go-captcha .gc-body .gc-body-inner{background:var(--go-captcha-theme-body-bg-color)}.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;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content: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-button-block button.disabled{pointer-events:none;background-color:var(--go-captcha-theme-btn-disabled-color);border-color:var(--go-captcha-theme-btn-disabled-color)}.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-drag-block.disabled{pointer-events:none;background-color:var(--go-captcha-theme-btn-disabled-color);border-color:var(--go-captcha-theme-btn-disabled-color)}.go-captcha .gc-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:22px;height:22px;color:#cedffe;background:#3e7cff;border:3px 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:22px;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-body .gc-body-inner{border-radius:100%}.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}}
|