yk-element-components-v2/animation/index.umd.js

(function(l,d){typeof exports=="object"&&typeof module<"u"?module.exports=d():typeof define=="function"&&define.amd?define(d):(l=typeof globalThis<"u"?globalThis:l||self,l.index=d())})(this,function(){"use strict";const l="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAYAAAB2pebxAAABVUlEQVQ4jZ3UP0jXURQF8I+/BBOCIqxFt8ClgjAcAwNpcdDRRfg16GqL4eLe6l5NakGDfyYFERddRBRRjMCgLSGHoNBFkgtX/cHX359+Z3lw3zmHc9+777X8K7ergdsIwinOqtFKhQpdeIdD/MFRrodZ76xnMo5dtKGcKe7nWs76XvKuUNnONF5iCN8L+a7xCPNYw5vKJGPox4s6BrK94L3CqExyF1/T5KAgqY4nWEV3KVOs/KdBYB/LoQ+TAcwVKI0hdAOljLXdpMlO6MMkzuSksN0YfuFemBzjQZMmD/EzTL7heWG7MfSEPkwWMdKkSeiWwuRDTuqzAqU2In0f3pfycb3FF3TUlF0jzvAzJvD3cuxnsriZV14LT7GBT5iNQmsFewo/sI6FNN3C7xyDXgznA52MNi6FN31KEfU1BvEYd7LlGPMlfMz5uEK9ny1wC+dVd3EBOLlE8fs9dWcAAAAASUVORK5CYII=",d="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAYAAAB2pebxAAABpUlEQVQ4jZXUT4hOYRQG8J9LIYpkbJjZqFHjTyJhoahpNrMYsWEhnwVbLMjGXtmYPRbyrxBmNUrTLPyLRKJPRIkFxUIRG41OnRlv351vvjyb9+15z3nuc9773DtrojHfDJiHKPiF3+3KqhrDCpxCEz/wLtdm8ss7iRzGc8xFI10sybWR/Iusm0I5zjB2YCfe1/z9w0rcxBiOlE4OoR/bOgjI8aJuAAelk0V4nSKvai3tsQZ30Vulizv/IbALj/ASo9EfIoO4XCudHltxA5vzNPoGq7T1tGhpF5xNeIAJ9CX3LPpDJO7kW5L38AkLWgS24HHuV2VmAl+xOES+oCvJ25mLZiEUAg9z34u3hfgyfA6RN9iY5GnsR3da310I9LUIBDZEf5VP31ccXMBerMP1wkFTHdE3EiLnMqnri5KrOIqPeQetDqT77Thb5cd1HNewtCg6g54ctxVd+aBj+DkZ+4tJxj3EK58Ja3EfV3ApiDlF9Ul8wDhupegTfM8YRE725Ad6IsaYbJzupxRWD2AIq7EwR46Yj+B85mMKnf5sgdn40/YUfwFW0VvxFT8TTAAAAABJRU5ErkJggg==",x="";function m(i,e,s,r,n,c,A,b){var t=typeof i=="function"?i.options:i;e&&(t.render=e,t.staticRenderFns=s,t._compiled=!0),r&&(t.functional=!0),c&&(t._scopeId="data-v-"+c);var a;if(A?(a=function(o){o=o||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!o&&typeof __VUE_SSR_CONTEXT__<"u"&&(o=__VUE_SSR_CONTEXT__),n&&n.call(this,o),o&&o._registeredComponents&&o._registeredComponents.add(A)},t._ssrRegister=a):n&&(a=b?function(){n.call(this,(t.functional?this.parent:this).$root.$options.shadowRoot)}:n),a)if(t.functional){t._injectStyles=a;var I=t.render;t.render=function(C,p){return a.call(p),I(C,p)}}else{var u=t.beforeCreate;t.beforeCreate=u?[].concat(u,a):[a]}return{exports:i,options:t}}const h={name:"yk-animation",props:{wrapWidth:{type:Number,default:250},itemWidth:{type:Number,default:120},itemHeight:{type:Number,default:120},boxWidth:{type:Number,default:50},boxHeight:{type:Number,default:50},preSize:{type:Number,default:12},selectedIdx:{type:Number,default:0}},data(){return{activeIndex:null,selectImg:l,selectedImg:d,selectVal:1,animationList:["scale-in-center","fade-in-fwd","jello-horizontal","jello-vertical","wobble-hor-top","wobble-hor-bottom"]}},methods:{handleClick(i,e){console.log("item",i),console.log("idx",e),this.activeIndex=e},handleSelect(i,e){this.selectedIndex=e,this.$emit("select-item",i),this.$emit("select-index",e)},removeAnimation(){this.activeIndex=null}}};var _=function(){var e=this,s=e._self._c;return s("div",{staticClass:"ani-wrapper",style:{width:e.wrapWidth+"px"}},e._l(e.animationList,function(r,n){return s("div",{key:`ani_${n}`,staticClass:"ani-item",style:{width:e.itemWidth+"px",height:e.itemHeight+"px"},on:{click:function(c){return e.handleSelect(r,n)}}},[s("div",{staticClass:"ani-item-title"},[e._v(e._s(r))]),s("div",{class:["ani-item-box",e.activeIndex===n?`${e.animationList[n]}`:""],style:{width:e.boxWidth+"px",height:e.boxHeight+"px"},on:{animationend:e.removeAnimation}}),s("div",{staticClass:"ani-item-select"},[s("img",{attrs:{src:e.selectedIdx===n?e.selectedImg:e.selectImg}})]),s("div",{staticClass:"ani-item-pre",style:{fontSize:e.preSize+"px"},on:{click:function(c){return c.stopPropagation(),e.handleClick(r,n)}}},[e._v(" \u9884\u89C8 ")])])}),0)},v=[],g=m(h,_,v,!1,null,"14fb5edb",null,null);const f=g.exports;return{install(i){i.component(f.name,f)}}});