vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
2 lines (1 loc) • 6.62 kB
JavaScript
"use strict";const e=require("vue"),W=require("./hook/useVerifySlider.cjs"),X=require("./hook/useVerifyRotate.cjs"),Y=require("./hook/useVerifyPuzzle.cjs"),u=require("@vuux/icons"),Z={class:"app-verify"},$={key:0,class:"slider-box"},h={key:1,class:"rotate-box"},_=["src"],ee={key:2,class:"puzzle-box"},se=["src"],oe=e.defineComponent({name:"Verify",__name:"index",props:{type:{default:"slider"},modelValue:{type:Boolean,default:!1},difference:{default:2},img:{default:""},text:{default:""},successText:{default:""}},emits:["update:modelValue","result"],setup(q,{expose:D,emit:S}){const n=q,E=S,B=e.useTemplateRef("sliderBarEl"),y=e.useTemplateRef("sliderBlockEl"),g=e.useTemplateRef("rotateCheckImgEl"),V=e.useTemplateRef("rotateBlockEl"),I=e.useTemplateRef("rotateBarEl"),C=e.useTemplateRef("puzzleCheckImgEl"),N=e.useTemplateRef("puzzleBlockEl"),T=e.useTemplateRef("puzzleBarEl"),w=e.useTemplateRef("puzzleMaincanvasEl"),O=e.useTemplateRef("puzzleMovecanvasEl"),i=e.computed(()=>n.type||"slider"),{sliderIsOk:a,sliderIsLoosen:R,sliderIsMoving:j,sliderMessage:A,sliderOnMousedown:f,sliderOnMousemove:d,sliderOnMouseup:r,sliderReset:F}=W.useVerifySlider(n,B,y,E),{rotateIsOk:m,rotateIsLoosen:b,rotateIsMoving:G,rotateMessage:H,rotateOnLoad:x,rotateOnMousedown:p,rotateOnMousemove:c,rotateOnMouseup:l,rotateReset:J}=X.useVerifyRotate(n,g,V,I,E),{puzzleIsOk:z,puzzleIsLoosen:M,puzzleIsMoving:K,puzzleMessage:Q,puzzleCheckimgLoaded:P,puzzleOnMousedown:v,puzzleOnMousemove:k,puzzleOnMouseup:t,puzzleReset:U}=Y.useVerifyPuzzle(n,C,N,T,w,O,E);return D({reset:L=>{const s=L||i.value;s==="slider"?F():s==="rotate"?J():s==="puzzle"&&U()}}),(L,s)=>(e.openBlock(),e.createElementBlock("div",Z,[i.value==="slider"?(e.openBlock(),e.createElementBlock("div",$,[e.createElementVNode("div",{class:"box-data",onMousemove:s[2]||(s[2]=(...o)=>e.unref(d)&&e.unref(d)(...o)),onMouseup:s[3]||(s[3]=(...o)=>e.unref(r)&&e.unref(r)(...o)),onMouseleave:s[4]||(s[4]=(...o)=>e.unref(r)&&e.unref(r)(...o)),onTouchmovePassive:s[5]||(s[5]=e.withModifiers((...o)=>e.unref(d)&&e.unref(d)(...o),["stop"])),onTouchend:s[6]||(s[6]=(...o)=>e.unref(r)&&e.unref(r)(...o))},[e.createElementVNode("div",{ref_key:"sliderBarEl",ref:B,class:e.normalizeClass(["is-bar",[{"is-loosen":e.unref(R)},{"is-drag":e.unref(j)},{"is-success":e.unref(a)}]])},null,2),e.createElementVNode("div",{class:e.normalizeClass(["is-messages",{"is-success":e.unref(a)}])},e.toDisplayString(e.unref(A)),3),e.createElementVNode("div",{ref_key:"sliderBlockEl",ref:y,class:e.normalizeClass(["is-block",[{"is-loosen":e.unref(R)},{"is-success":e.unref(a)}]]),onMousedown:s[0]||(s[0]=(...o)=>e.unref(f)&&e.unref(f)(...o)),onTouchstartPassive:s[1]||(s[1]=e.withModifiers((...o)=>e.unref(f)&&e.unref(f)(...o),["stop"]))},[e.unref(a)?(e.openBlock(),e.createBlock(e.unref(u.Icon),{key:0,name:"Icon1722501",size:15,color:"var(--app-success)"})):(e.openBlock(),e.createBlock(e.unref(u.Icon),{key:1,name:"Icon1756783",size:15,opacity:.8}))],34)],32)])):e.createCommentVNode("",!0),i.value==="rotate"?(e.openBlock(),e.createElementBlock("div",h,[e.createElementVNode("img",{ref_key:"rotateCheckImgEl",ref:g,crossOrigin:"anonymous",src:n.img,class:"rotate-img",draggable:"false",onLoad:s[7]||(s[7]=(...o)=>e.unref(x)&&e.unref(x)(...o)),onDragstart:s[8]||(s[8]=e.withModifiers(()=>{},["prevent"])),onContextmenu:s[9]||(s[9]=e.withModifiers(()=>{},["prevent"]))},null,40,_),e.createElementVNode("div",{class:"box-data",onMousemove:s[12]||(s[12]=(...o)=>e.unref(c)&&e.unref(c)(...o)),onMouseup:s[13]||(s[13]=(...o)=>e.unref(l)&&e.unref(l)(...o)),onMouseleave:s[14]||(s[14]=(...o)=>e.unref(l)&&e.unref(l)(...o)),onTouchmovePassive:s[15]||(s[15]=e.withModifiers((...o)=>e.unref(c)&&e.unref(c)(...o),["stop"])),onTouchend:s[16]||(s[16]=(...o)=>e.unref(l)&&e.unref(l)(...o))},[e.createElementVNode("div",{ref_key:"rotateBarEl",ref:I,class:e.normalizeClass(["is-bar",[{"is-loosen":e.unref(b)},{"is-drag":e.unref(G)},{"is-success":e.unref(m)}]])},null,2),e.createElementVNode("div",{class:e.normalizeClass(["is-messages",{"is-success":e.unref(m)}])},e.toDisplayString(e.unref(H)),3),e.createElementVNode("div",{ref_key:"rotateBlockEl",ref:V,class:e.normalizeClass(["is-block",[{"is-loosen":e.unref(b)},{"is-success":e.unref(m)}]]),onMousedown:s[10]||(s[10]=(...o)=>e.unref(p)&&e.unref(p)(...o)),onTouchstartPassive:s[11]||(s[11]=e.withModifiers((...o)=>e.unref(p)&&e.unref(p)(...o),["stop"]))},[e.unref(m)?(e.openBlock(),e.createBlock(e.unref(u.Icon),{key:0,name:"Icon1722501",size:15,color:"var(--app-success)"})):(e.openBlock(),e.createBlock(e.unref(u.Icon),{key:1,name:"Icon1756783",size:15,opacity:.8}))],34)],32)])):e.createCommentVNode("",!0),i.value==="puzzle"?(e.openBlock(),e.createElementBlock("div",ee,[e.createElementVNode("div",{class:"puzzle-img",onDragstart:s[18]||(s[18]=e.withModifiers(()=>{},["prevent"])),onContextmenu:s[19]||(s[19]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("img",{ref_key:"puzzleCheckImgEl",ref:C,crossOrigin:"anonymous",src:n.img,draggable:"false",onLoad:s[17]||(s[17]=(...o)=>e.unref(P)&&e.unref(P)(...o))},null,40,se),e.createElementVNode("canvas",{ref_key:"puzzleMaincanvasEl",ref:w,class:"main-canvas"},null,512),e.createElementVNode("canvas",{ref_key:"puzzleMovecanvasEl",ref:O,class:e.normalizeClass(["move-canvas",{"is-loosen":e.unref(M)}])},null,2)],32),e.createElementVNode("div",{class:"box-data",onMousemove:s[22]||(s[22]=(...o)=>e.unref(k)&&e.unref(k)(...o)),onMouseup:s[23]||(s[23]=(...o)=>e.unref(t)&&e.unref(t)(...o)),onMouseleave:s[24]||(s[24]=(...o)=>e.unref(t)&&e.unref(t)(...o)),onTouchmovePassive:s[25]||(s[25]=e.withModifiers((...o)=>e.unref(k)&&e.unref(k)(...o),["stop"])),onTouchend:s[26]||(s[26]=(...o)=>e.unref(t)&&e.unref(t)(...o))},[e.createElementVNode("div",{ref_key:"puzzleBarEl",ref:T,class:e.normalizeClass(["is-bar",[{"is-loosen":e.unref(M)},{"is-drag":e.unref(K)},{"is-success":e.unref(z)}]])},null,2),e.createElementVNode("div",{class:e.normalizeClass([{"is-success":e.unref(z)},"is-messages"])},e.toDisplayString(e.unref(Q)),3),e.createElementVNode("div",{ref_key:"puzzleBlockEl",ref:N,class:e.normalizeClass(["is-block",[{"is-loosen":e.unref(M)},{"is-success":e.unref(z)}]]),onMousedown:s[20]||(s[20]=(...o)=>e.unref(v)&&e.unref(v)(...o)),onTouchstartPassive:s[21]||(s[21]=e.withModifiers((...o)=>e.unref(v)&&e.unref(v)(...o),["stop"]))},[e.unref(z)?(e.openBlock(),e.createBlock(e.unref(u.Icon),{key:0,name:"Icon1722501",size:15,color:"var(--app-success)"})):(e.openBlock(),e.createBlock(e.unref(u.Icon),{key:1,name:"Icon1756783",size:15,opacity:.8}))],34)],32)])):e.createCommentVNode("",!0)]))}});module.exports=oe;