UNPKG

@uniczjc/tap

Version:
3 lines (2 loc) 3.16 kB
import{__assign as t,__awaiter as i,__generator as o}from"tslib";import n from"@uniczjc/event";import{Tap as e}from"@uniczjc/action";import{createDOMDiv as p,setStyle as c,removeClass as s,changeClass as a,createVerifyContext as r,changeDOMVisible as l,changeOpacity as d}from"@uniczjc/shared";var h={text:"点击完成验证"},_=function(){function _(i){this.name="tap",this.__elRefs={},this.__ref=i,this.options=t(t({},i.options),{verifyOption:t({},i.verifyOption)}),this.__modOptions=t(t({},h),i.options.customModOption)}return _.prototype.__createDOM=function(i,o,n){var e=p(["unic-tap"]),s=p(["mixin-icon-sprite--load"]),a=p(["mixin-icon-sprite","mixin-icon-sprite--load__icon"]),r=p(["".concat("unic-tap","--box")]),l=p(["".concat("unic-tap","--tip")]),d=p(["mixin-icon-sprite","".concat("unic-tap","--tip__icon")]),h=p(["".concat("unic-tap","--tip__title")]);return c(e,t(t({},o.customStyles),{position:"relative",width:"".concat("string"==typeof o.width?o.width:"".concat(o.width,"px")),height:"".concat("string"==typeof o.height?o.height:"".concat(o.height,"px"))})),c(s,{display:"none"}),h.innerHTML=n.text||"",l.appendChild(d),l.appendChild(h),r.appendChild(l),s.appendChild(a),e.appendChild(s),e.appendChild(r),i.appendChild(e),{loadEl:s,tipTitleEl:h,tipEl:l,boxEl:r,parentEl:e}},_.prototype.__updateBar=function(t){var i=this.__uvEvent.get("tap"),o=this.__elRefs,n=o.boxEl,e=o.tipTitleEl;"recognized"===t?(i.disabled=!0,e.innerHTML="验证成功",s(n,["".concat("unic-tap","--").concat("failed"),"".concat("unic-tap","--").concat("possible")])):"possible"===t?(i.disabled=!1,e.innerHTML=this.__modOptions.text,s(n,["".concat("unic-tap","--").concat("recognized"),"".concat("unic-tap","--").concat("failed")])):(i.disabled=!1,e.innerHTML="验证失败",s(n,["".concat("unic-tap","--").concat("recognized"),"".concat("unic-tap","--").concat("possible")])),a(n,["".concat("unic-tap","--").concat(t)])},_.prototype.initMod=function(){var t=this,p=this.__createDOM(this.__ref.el,this.options,this.__modOptions),c=p.tipEl,s=new n(c);s.use(e,{name:"tap"}),this.__uvEvent=s,this.__isComplete=!0,this.__elRefs=p,this.options.onReady(),s.on("tap",(function(n){return i(t,void 0,void 0,(function(){var t,i;return o(this,(function(o){switch(o.label){case 0:return[4,this.__ref.check(!0)];case 1:return t=o.sent(),i=t.pass?"recognized":"failed",t.pass||this.__ref.refresh(),this.options.onVerify(r(i,n,t.data)),this.__updateBar(i),[2]}}))}))}))},_.prototype.verifyMod=function(){if(!this.__isComplete)return!1;var t=this.__elRefs,i=t.parentEl,o=t.boxEl;l(i,!0),d(o,1)},_.prototype.closeMod=function(){var t=this.__elRefs,i=t.parentEl,o=t.boxEl;d(o,0),l(i,!1,1),this.options.onClose()},_.prototype.loadingMod=function(t){void 0===t&&(t=!1);var i=this.__elRefs.loadEl;t?(l(i,!0),d(i,1)):(l(i,!1,1),d(i,0))},_.prototype.refreshMod=function(t){var i=this;Object.assign(this.options.verifyOption,t),setTimeout((function(){i.__updateBar("possible")}),800)},_.prototype.destroyMod=function(){var t;this.__elRefs.parentEl.remove(),null===(t=this.__uvEvent)||void 0===t||t.destroy(),this.__isComplete=!1},_}();export{_ as default}; //# sourceMappingURL=index.es.js.map