weex-flymeui/dist/components/fm-waiting/index.weex.js

A Flyme Style UI library based on Weex for Creator.

// { "framework": "Vue" }

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["npm/weex-flymeui/components/fm-waiting/index"]=e():t["npm/weex-flymeui/components/fm-waiting/index"]=e()}("undefined"!=typeof self?self:this,function(){return function(t){var e={};function i(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:n})},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="/",i(i.s=227)}({227:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(228);Object.defineProperty(e,"default",{enumerable:!0,get:function(){return function(t){return t&&t.__esModule?t:{default:t}}(n).default}})},228:function(t,e,i){var n,o,r=[];r.push(i(229)),n=i(230);var a=i(232);o=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(Object.keys(n).some(function(t){return"default"!==t&&"__esModule"!==t})&&console.error("named exports are not supported in *.vue files."),o=n=n.default),"function"==typeof o&&(o=o.options),o.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-waiting/index.vue",o.render=a.render,o.staticRenderFns=a.staticRenderFns,o._scopeId="data-v-440e6564",o.style=o.style||{},r.forEach(function(t){for(var e in t)o.style[e]=t[e]}),"function"==typeof __register_static_styles__&&__register_static_styles__(o._scopeId,r),t.exports=n},229:function(t,e){t.exports={"fm-waiting":{position:"fixed",top:0,right:0,bottom:0,left:0,flexDirection:"row",alignItems:"center",justifyContent:"center",zIndex:999},"waiting-wrapper":{alignItems:"center",height:"240",borderRadius:"18",backgroundColor:"#FFFFFF",paddingTop:0,paddingRight:"36",paddingBottom:0,paddingLeft:"36"},"waiting-wrapper-H5":{paddingTop:0,paddingRight:"108",paddingBottom:0,paddingLeft:"108"},"waiting--text":{fontSize:"42",fontFamily:"sans-serif-medium",fontWeight:"500",textAlign:"center"},"waiting-circle":{flexDirection:"row",justifyContent:"center",marginTop:"60",marginRight:0,marginBottom:"60",marginLeft:0},"waiting--dot":{zIndex:1,width:"42",height:"42",marginTop:0,marginRight:"3",marginBottom:0,marginLeft:"3",borderRadius:"21",opacity:1},"waiting--dot-1":{backgroundColor:"#4da84f",transform:"scale(0.5)"},"waiting--dot-2":{backgroundColor:"#4d79d3",transform:"scale(1)"},"waiting--dot-3":{backgroundColor:"#de6a3c",transform:"scale(0.5)"}}},230:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(i(231));var o=weex.requireModule("animation");e.default={name:"FmWaiting",props:{title:{type:String,default:""},backgroundOpacity:{type:Number,default:.7},canAutoClose:{type:Boolean,default:!0}},data:function(){return{show:!1,showIn:!1,loadingStart:0,animating:!1}},computed:{wrapperStyle:function(){var t=this.showIn;return{backgroundColor:"rgba(0, 0, 0, "+this.backgroundOpacity+")",opacity:t?1:0}},isCreator:function(){return weex.supports&&weex.supports("@component/FmNativeWaiting")}},methods:{handleTouchEnd:function(t){t.preventDefault&&t.preventDefault()},appear:function(t){var e=this;if(!this.animating){var i=this.$refs["fm-waiting"];i?(this.animating=!0,o.transition(i,{styles:{opacity:t?1:0},duration:320,timingFunction:"cubic-bezier(0.33, 0, 0.66, 1)"},function(){e.showIn=t,t?e.$emit("fmWaitingAppeared",!1):e.$emit("fmWaitingDisappeared",!1),e.animating=!1})):this.showIn=t}},start:function(){this.prepare(),this.dot1Queue.loop(),this.dot2Queue.loop(),this.dot3Queue.loop()},stop:function(){this.dot1Queue&&this.dot1Queue.stop(),this.dot2Queue&&this.dot2Queue.stop(),this.dot3Queue&&this.dot3Queue.stop()},warpperClicked:function(){this.animating||this.canAutoClose&&this.hide()},prepare:function(){this.dot1=this.$refs["dot-1"],this.dot2=this.$refs["dot-2"],this.dot3=this.$refs["dot-3"];this.dot1Queue=(0,n.default)(this.dot1,[{styles:{transform:"translateX(48px) scale(1)",opacity:1,perspective:0},duration:700,timingFunction:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"},{styles:{transform:"translateX(96px) scale(0.5)",opacity:1,perspective:0},duration:700,timingFunction:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"},{styles:{transform:"translateX(90px) scale(0.3)",opacity:0,perspective:0},duration:200,timingFunction:"linear"},{styles:{transform:"translateX(0px) scale(0.5)",opacity:1,perspective:0},duration:500,timingFunction:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"}]);this.dot2Queue=(0,n.default)(this.dot2,[{styles:{transform:"translateX(48px) scale(0.5)",opacity:1,perspective:0},duration:700,timingFunction:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"},{styles:{transform:"translateX(40px) scale(0.3)",opacity:0,perspective:0},duration:200,timingFunction:"linear"},{styles:{transform:"translateX(-48px) scale(0.5)",opacity:1,perspective:0},duration:500,timingFunction:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"},{styles:{transform:"translateX(0px) scale(1)",opacity:1,perspective:0},duration:700,timingFunction:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"}]);this.dot3Queue=(0,n.default)(this.dot3,[{styles:{transform:"translateX(-6px) scale(0.3)",opacity:0,perspective:0},duration:200,timingFunction:"linear"},{styles:{transform:"translateX(-96px) scale(0.5)",opacity:1,perspective:0},duration:500,timingFunction:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"},{styles:{transform:"translateX(-48px) scale(1)",opacity:1,perspective:0},duration:700,timingFunction:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"},{styles:{transform:"translateX(0px) scale(0.5)",opacity:1,perspective:0},duration:700,timingFunction:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"}])},active:function(){var t=this;this.show||(this.show=!0,this.loadingStart=(new Date).getTime(),this.isCreator?this.$nextTick(function(){t.appear(!0)}):setTimeout(function(){t.appear(!0),t.start()},20))},hide:function(){var t=this;if(this.show){this.show=!1;var e=0;(new Date).getTime()-this.loadingStart<=500&&(e=500),setTimeout(function(){t.appear(!1),!t.isCreator&&t.stop()},e)}}}}},231:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();e.default=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return new r(t,e)};var o=weex.requireModule("animation"),r=function(){function t(e){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.element=e,this.steps=i,this.currStep=-1,this.looping=!1}return n(t,[{key:"start",value:function(){this._excuteAll()}},{key:"reset",value:function(){this.currStep=-1}},{key:"loop",value:function(){var t=this;this.looping=!0;!function e(){t.looping&&t._excuteAll(function(){t.reset(),e()})}()}},{key:"stop",value:function(){this.looping=!1}},{key:"_excuteAll",value:function(t){var e=this,i=this._next();i?this._animate(i,function(){setTimeout(function(){e._excuteAll(t)},1)}):"function"==typeof t&&t()}},{key:"_animate",value:function(t,e){o.transition(this.element,t,function(){"function"==typeof e&&e()})}},{key:"_next",value:function(t){return this.currStep<this.steps.length&&(this.currStep++,this.steps[this.currStep])}}]),t}()},232:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[t.show||t.showIn?i("div",{ref:"fm-waiting",staticClass:["fm-waiting"],style:t.wrapperStyle,on:{click:t.warpperClicked,touchend:t.handleTouchEnd}},[t.show||t.showIn?i("div",{class:["waiting-wrapper",t.isCreator?"":"waiting-wrapper-H5"]},[t.isCreator?[i("FmNativeWaiting",{attrs:{text:t.title}})]:[i("div",{staticClass:["waiting-circle"]},[i("div",{ref:"dot-1",staticClass:["waiting--dot","waiting--dot-1"]}),i("div",{ref:"dot-2",staticClass:["waiting--dot","waiting--dot-2"]}),i("div",{ref:"dot-3",staticClass:["waiting--dot","waiting--dot-3"]})]),i("text",{staticClass:["waiting--text"]},[t._v(t._s(t.title))])]],2):t._e()]):t._e()])},staticRenderFns:[]},t.exports.render._withStripped=!0}})});