index-9e3fa01c.js
1.81 KB
import{d as _,k as n,a8 as o,_ as r,a9 as i,aa as s,a0 as l,f as p,E as m,ai as S,v as f,A as b}from"./vue-5a35c3f5.js";import{P as T}from"./index-f532aa07.js";import{bo as x,bp as R,bq as X,br as E,bs as h,bt as w,bu as y,bv as Y,bw as C,bx as k,by as B,bz as A,bA as F,_ as $}from"./index.js";import{aI as g}from"./antd-6b087f69.js";import"./useContentViewHeight-d0a5c58e.js";import"./useWindowSizeFn-cc2fb57c.js";import"./onMountedOrActivated-52afb7a7.js";const P=["Fade","Scale","SlideY","ScrollY","SlideYReverse","ScrollYReverse","SlideX","ScrollX","SlideXReverse","ScrollXReverse","ScaleRotate","ExpandX","Expand"],N=P.map(e=>({label:e,value:e,key:e})),V=_({components:{Select:g,PageWrapper:T,FadeTransition:x,ScaleTransition:R,SlideYTransition:X,ScrollYTransition:E,SlideYReverseTransition:h,ScrollYReverseTransition:w,SlideXTransition:y,ScrollXTransition:Y,SlideXReverseTransition:C,ScrollXReverseTransition:k,ScaleRotateTransition:B,ExpandXTransition:A,ExpandTransition:F},setup(){const e=n("Fade"),a=n(!0);function t(){a.value=!1,setTimeout(()=>{a.value=!0},300)}return{options:N,value:e,start:t,show:a}}});const W={class:"flex"},D={class:"box"};function I(e,a,t,q,z,L){const c=o("Select"),d=o("a-button"),u=o("PageWrapper");return r(),i(u,{title:"动画组件示例"},{default:s(()=>[l("div",W,[p(c,{options:e.options,value:e.value,"onUpdate:value":a[0]||(a[0]=v=>e.value=v),placeholder:"选择动画",style:{width:"150px"}},null,8,["options","value"]),p(d,{type:"primary",class:"ml-4",onClick:e.start},{default:s(()=>[m(" start ")]),_:1},8,["onClick"])]),(r(),i(S(`${e.value}Transition`),null,{default:s(()=>[f(l("div",D,null,512),[[b,e.show]])]),_:1}))]),_:1})}const O=$(V,[["render",I],["__scopeId","data-v-2e92a28d"],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/comp/transition/index.vue"]]);export{O as default};