mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 17:37:24 +08:00
2 lines
3.7 KiB
JavaScript
2 lines
3.7 KiB
JavaScript
import{d as L,ad as j,r as h,U as T,G as I,c as s,f as R,w as i,g as c,h as u,j as d,n as O,y as $,av as v,al as A,ap as b,t as X,F as N,l as E,v as F,S as Y,X as q,i as w,u as G}from"./index.js";const H=["bounce","flash","pulse","rubberBand","shakeX","headShake","swing","tada","wobble","jello","heartBeat","backInDown","backInLeft","backInRight","backInUp","backOutDown","backOutLeft","backOutRight","backOutUp","bounceIn","bounceInDown","bounceInLeft","bounceInRight","bounceInUp","bounceOut","bounceOutDown","bounceOutLeft","bounceOutRight","bounceOutUp","fadeIn","fadeInDown","fadeInDownBig","fadeInLeft","fadeInLeftBig","fadeInRight","fadeInRightBig","fadeInUp","fadeInUpBig","fadeInTopLeft","fadeInTopRight","fadeInBottomLeft","fadeInBottomRight","fadeOut","fadeOutDown","fadeOutDownBig","fadeOutLeft","fadeOutLeftBig","fadeOutRight","fadeOutRightBig","fadeOutUp","fadeOutUpBig","fadeOutTopLeft","fadeOutTopRight","fadeOutBottomRight","fadeOutBottomLeft","flip","flipInX","flipInY","flipOutX","flipOutY","lightSpeedInRight","lightSpeedInLeft","lightSpeedOutRight","lightSpeedOutLeft","rotateIn","rotateInDownLeft","rotateInDownRight","rotateInUpLeft","rotateInUpRight","rotateOut","rotateOutDownLeft","rotateOutDownRight","rotateOutUpLeft","rotateOutUpRight","hinge","jackInTheBox","rollIn","rollOut","zoomIn","zoomInDown","zoomInLeft","zoomInRight","zoomInUp","zoomOut","zoomOutDown","zoomOutLeft","zoomOutRight","zoomOutUp","slideInDown","slideInLeft","slideInRight","slideInUp","slideOutDown","slideOutLeft","slideOutRight","slideOutUp"],J={class:"w-[280px]"},K={class:"flex flex-wrap justify-around mb-1"},P=["onMouseenter","onMouseleave","onClick"],Q=L({name:"ReAnimateSelector",__name:"index",props:{modelValue:{require:!1,type:String}},emits:["update:modelValue"],setup(g,{emit:t}){const a=j(g,"modelValue"),o=h(H),f=T(o),p=I(()=>["mt-1","flex","border","w-[130px]","h-[100px]","items-center","cursor-pointer","transition-all","justify-center","border-[#e5e7eb]","hover:text-primary","hover:duration-[700ms]"]),y=I(()=>e=>a.value===e?{borderColor:"var(--el-color-primary)",color:"var(--el-color-primary)"}:"");function B(e){t("update:modelValue",e)}function D(){t("update:modelValue","")}function U(e){o.value=f.value.filter(l=>l.includes(e))}const n=h({});function z(e){var l;n.value[e]=(l=n.value[e])!=null&&l.loading?Object.assign({},n.value[e],{loading:!1}):Object.assign({},n.value[e],{loading:!0})}function x(){n.value={}}return(e,l)=>{const S=s("el-empty"),V=s("el-scrollbar"),C=s("el-select");return c(),R(C,{"model-value":a.value,placeholder:"请选择动画",clearable:"",filterable:"",onClear:D,"filter-method":U},{empty:i(()=>[u("div",J,[d(V,{noresize:"",height:"212px","view-style":{overflow:"hidden"},class:"border-t border-[#e5e7eb]"},{default:i(()=>[u("ul",K,[(c(!0),O(N,null,$(o.value,(r,m)=>{var _;return c(),O("li",{key:m,class:v(p.value),style:A(y.value(r)),onMouseenter:b(M=>z(m),["prevent"]),onMouseleave:b(x,["prevent"]),onClick:M=>B(r)},[u("h4",{class:v([`animate__animated animate__${(_=n.value[m])!=null&&_.loading?r+" animate__infinite":""} `])},X(r),3)],46,P)}),128))]),E(d(S,{description:"暂无动画","image-size":60},null,512),[[F,o.value.length===0]])]),_:1})])]),_:1},8,["model-value"])}}}),W=Y(Q),Z={class:"card-header"},ee={class:"font-medium"},oe=L({name:"AnimateCss",__name:"index",setup(g){const t=h("");return q(t,()=>{}),(k,a)=>{const o=s("el-link"),f=s("el-card");return c(),R(f,{shadow:"never"},{header:i(()=>[u("div",Z,[u("span",ee,[d(o,{href:"https://animate.style/",target:"_blank",style:{margin:"0 4px 5px","font-size":"16px"}},{default:i(()=>[w(" animate.css ")]),_:1}),w(" 选择器组件 ")])])]),default:i(()=>[d(G(W),{modelValue:t.value,"onUpdate:modelValue":a[0]||(a[0]=p=>t.value=p)},null,8,["modelValue"])]),_:1})}}});export{oe as default};
|