mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 01:17:23 +08:00
2 lines
3.8 KiB
JavaScript
2 lines
3.8 KiB
JavaScript
import{d as R,ag as M,r,a8 as j,W as O,c as k,w as l,b as s,e as c,f as i,h as d,k as b,l as T,E as v,ah as $,ai as w,B as A,F as E,m as N,S as X,J as F,aj as Y,g as L,i as J}from"./index-DuUQh2t8.js";const W=["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"],q={class:"w-[280px]"},G={class:"flex flex-wrap justify-around mb-1"},H=["onMouseenter","onClick"],K=R({name:"ReAnimateSelector",__name:"index",props:{modelValue:{type:String},modelModifiers:{}},emits:["update:modelValue"],setup(_){const t=M(_,"modelValue"),f=r(),a=r(W),p=j(a),m=O(()=>["mt-1","flex","border","w-[130px]","h-[100px]","items-center","cursor-pointer","transition-all","justify-center","border-[#e5e7eb]","hover:text-primary","hover:duration-[700ms]"]),h=O(()=>e=>t.value===e?{borderColor:"var(--el-color-primary)",color:"var(--el-color-primary)"}:"");function B(e){t.value=e}function y(){t.value=""}function D(e){f.value=e,a.value=p.value.filter(n=>n.includes(e))}const o=r({});function U(e){var n;o.value[e]=(n=o.value[e])!=null&&n.loading?Object.assign({},o.value[e],{loading:!1}):Object.assign({},o.value[e],{loading:!0})}function z(){o.value={}}return(e,n)=>{const x=s("el-empty"),S=s("el-scrollbar"),C=s("el-select");return c(),k(C,{clearable:"",filterable:"",placeholder:"请选择动画","popper-class":"pure-animate-popper","model-value":t.value,"filter-method":D,onClear:y},{empty:l(()=>[i("div",q,[d(S,{noresize:"",height:"212px","view-style":{overflow:"hidden"},class:"border-t border-[#e5e7eb]"},{default:l(()=>[i("ul",G,[(c(!0),b(E,null,T(a.value,(u,g)=>{var I;return c(),b("li",{key:g,class:v(m.value),style:$(h.value(u)),onMouseenter:w(V=>U(g),["prevent"]),onMouseleave:w(z,["prevent"]),onClick:V=>B(u)},[i("h4",{class:v([`animate__animated animate__${(I=o.value[g])!=null&&I.loading?u+" animate__infinite":""} `])},A(u),3)],46,H)}),128))]),N(d(x,{description:`${f.value} 动画不存在`,"image-size":60},null,8,["description"]),[[X,a.value.length===0]])]),_:1})])]),_:1},8,["model-value"])}}}),P=F(K),Q={class:"card-header"},Z={class:"font-medium"},te=R({name:"AnimateCss",__name:"animatecss",setup(_){const t=r("");return Y(t,()=>{}),(f,a)=>{const p=s("el-link"),m=s("el-card");return c(),k(m,{shadow:"never"},{header:l(()=>[i("div",Q,[i("span",Z,[d(p,{href:"https://animate.style/",target:"_blank",style:{margin:"0 4px 5px","font-size":"16px"}},{default:l(()=>[L(" animate.css ")]),_:1}),L(" 选择器 ")])])]),default:l(()=>[d(J(P),{modelValue:t.value,"onUpdate:modelValue":a[0]||(a[0]=h=>t.value=h),class:"!w-[200px]"},null,8,["modelValue"])]),_:1})}}});export{te as default};
|