magix-components/src/mx-effect/dance.js

magix组件

define("mx-effect/dance",["magix","$","../mx-runner/index"],function(t,a,r){var e=t("magix"),o=t("$"),s=t("../mx-runner/index");e.applyStyle("n",".cH{display:inline-block;opacity:0;white-space:pre-wrap}.cI{-webkit-animation:f .4s ease-out forwards;animation:f .4s ease-out forwards}@-webkit-keyframes f{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes f{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.cJ{-webkit-animation:g .5s ease-out forwards;animation:g .5s ease-out forwards}@-webkit-keyframes g{0%{opacity:0;-webkit-transform:translate(-25px);transform:translate(-25px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes g{0%{opacity:0;-webkit-transform:translate(-25px);transform:translate(-25px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.cK{-webkit-animation:h .5s ease-out forwards;animation:h .5s ease-out forwards}@-webkit-keyframes h{0%{opacity:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes h{0%{opacity:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.cL{-webkit-animation:i .5s ease-out forwards;animation:i .5s ease-out forwards}@-webkit-keyframes i{0%{opacity:0;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes i{0%{opacity:0;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}.cM{-webkit-animation:j .5s ease-out forwards;animation:j .5s ease-out forwards}@-webkit-keyframes j{0%{opacity:0;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}to{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes j{0%{opacity:0;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}to{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}.cN{-webkit-animation:k .5s ease-out forwards;animation:k .5s ease-out forwards}@-webkit-keyframes k{0%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes k{0%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.cO{-webkit-animation:l .5s ease-out forwards;animation:l .5s ease-out forwards}@-webkit-keyframes l{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes l{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.cP{-webkit-animation:m .5s ease-out forwards;animation:m .5s ease-out forwards}@-webkit-keyframes m{0%{opacity:0}50%{opacity:.5;-webkit-transform:translate(-5px,-20px);transform:translate(-5px,-20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes m{0%{opacity:0}50%{opacity:.5;-webkit-transform:translate(-5px,-20px);transform:translate(-5px,-20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.cQ{-webkit-animation:n .9s ease-out forwards;animation:n .9s ease-out forwards}@-webkit-keyframes n{0%{opacity:0;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:0 0;transform-origin:0 0}to{opacity:1;-webkit-transform:rotateX(1turn);transform:rotateX(1turn);-webkit-transform-origin:0 0;transform-origin:0 0}}@keyframes n{0%{opacity:0;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:0 0;transform-origin:0 0}to{opacity:1;-webkit-transform:rotateX(1turn);transform:rotateX(1turn);-webkit-transform-origin:0 0;transform-origin:0 0}}.cR:nth-child(2n){-webkit-animation:f .5s ease-out forwards;animation:f .5s ease-out forwards}.cR:nth-child(odd){-webkit-animation:o .5s ease-out forwards;animation:o .5s ease-out forwards}@-webkit-keyframes o{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes o{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.cS{-webkit-animation:o .4s ease-out forwards;animation:o .4s ease-out forwards}");var n={d1:"cI",d2:"cJ",d3:"cK",d4:"cL",d5:"cM",d6:"cN",d7:"cO",d8:"cP",d9:"cQ",d10:"cR",d11:"cS"};r.exports=e.View.extend({init:function(t){var a=this,r=o("#"+a.id);a.__h=r,a.assign(t)},assign:function(t){var a=this;return a.__bN=t.value,a.__bO=t.dance||"d1",a.__bK=+t.duration||60,a.__bA(),!0},__bA:function(){var t=this;t.__bP=0,s.__aI(t.__bQ)},__ao:function(){var t=this,a=t.__bR;s.__aH(t.__bK,t.__bQ=function(){t.__bP<a.length?(a.eq(t.__bP).addClass(n[t.__bO]),t.__bP++):t.__bA()})},render:function(){var t=this,a='<span class="cH">'+t.__bN.split("").join('</span><span class="cH">')+"</span>";t.__h.html(a),t.__bR=t.__h.find("span"),t.__ao()}})});