2 lines
840 B
JavaScript
2 lines
840 B
JavaScript
import{b as o,f as t,v as d,x as i,F as c,m as u,A as f,B as p,_ as l,Y as m,h as a}from"./vendor-vue.CmaRnji1.js";import{_ as y}from"./index.CjrDwa0W.js";const _={class:"crossfade-container"},v={__name:"CrossFade",props:{currentKey:{type:String,required:!0},items:{type:Array,required:!0,validator:e=>e.every(r=>r.key!==void 0)},duration:{type:Number,default:300},easing:{type:String,default:"ease-in-out"}},setup(e){const r=e;return o(()=>({"--crossfade-duration":`${r.duration}ms`,"--crossfade-easing":r.easing})),(n,g)=>(a(),t("div",_,[d(m,{name:"crossfade",tag:"div",class:"crossfade-wrapper"},{default:i(()=>[(a(!0),t(c,null,u(e.items,s=>f((a(),t("div",{key:s.key,class:"crossfade-item"},[l(n.$slots,s.key,{item:s},void 0,!0)])),[[p,s.key===e.currentKey]])),128))]),_:3})]))}},w=y(v,[["__scopeId","data-v-27dec07d"]]);export{w as C};
|