index-77b53d8a.js 3.7 KB

1
  1. import{d as C,b7 as R,L as B,h as S,V as U,r as s,u as o,o as t,c as i,b as v,w as u,e as c,F as d,p,A as m,ap as z,t as V,$ as A,f as $}from"./index-ec08eff7.js";/* empty css */import{_ as N}from"./CollapseItem.vue_vue_type_script_setup_true_lang-9f643b07.js";import"./chartEditStore-bf521111.js";import{u as T}from"./useTargetData.hook-935ebabf.js";import"./plugin-56cc5b01.js";import"./icon-97832eae.js";const Y=[{label:"强调动画",children:[{label:"弹跳",value:"bounce"},{label:"闪烁",value:"flash"},{label:"放大缩小",value:"pulse"},{label:"放大缩小弹簧",value:"rubberBand"},{label:"左右晃动",value:"headShake"},{label:"左右扇形摇摆",value:"swing"},{label:"放大晃动缩小",value:"tada"},{label:"扇形摇摆",value:"wobble"},{label:"左右上下晃动",value:"jello"}]},{label:"移入动画",children:[{label:"渐显",value:"fadeIn"},{label:"向右进入",value:"fadeInLeft"},{label:"向左进入",value:"fadeInRight"},{label:"向上进入",value:"fadeInUp"},{label:"向下进入",value:"fadeInDown"},{label:"向右长距进入",value:"fadeInLeftBig"},{label:"向左长距进入",value:"fadeInRightBig"},{label:"向上长距进入",value:"fadeInUpBig"},{label:"向下长距进入",value:"fadeInDownBig"},{label:"旋转进入",value:"rotateIn"},{label:"左顺时针旋转",value:"rotateInDownLeft"},{label:"右逆时针旋转",value:"rotateInDownRight"},{label:"左逆时针旋转",value:"rotateInUpLeft"},{label:"右逆时针旋转",value:"rotateInUpRight"},{label:"弹入",value:"bounceIn"},{label:"向右弹入",value:"bounceInLeft"},{label:"向左弹入",value:"bounceInRight"},{label:"向上弹入",value:"bounceInUp"},{label:"向下弹入",value:"bounceInDown"},{label:"光速从右进入",value:"lightSpeedInRight"},{label:"光速从左进入",value:"lightSpeedInLeft"},{label:"光速从右退出",value:"lightSpeedOutRight"},{label:"光速从左退出",value:"lightSpeedOutLeft"},{label:"Y轴旋转",value:"flip"},{label:"中心X轴旋转",value:"flipInX"},{label:"中心Y轴旋转",value:"flipInY"},{label:"左长半径旋转",value:"rollIn"},{label:"由小变大进入",value:"zoomIn"},{label:"左变大进入",value:"zoomInLeft"},{label:"右变大进入",value:"zoomInRight"},{label:"向上变大进入",value:"zoomInUp"},{label:"向下变大进入",value:"zoomInDown"},{label:"向右滑动展开",value:"slideInLeft"},{label:"向左滑动展开",value:"slideInRight"},{label:"向上滑动展开",value:"slideInUp"},{label:"向下滑动展开",value:"slideInDown"}]}],F={key:0,class:"go-chart-configurations-animations"},M=C({__name:"index",setup(O){R(l=>({d4c88a06:f.value}));const _=B(),b=S(""),{targetData:a}=T(),f=U(()=>_.getAppTheme),g=l=>{const n=a.value.styles.animations;return n.length?n[0]===l:!1},I=()=>{a.value.styles.animations=[]},h=l=>{a.value.styles.animations=[l.value]};return(l,n)=>{const x=s("n-button"),w=s("n-grid-item"),y=s("n-grid");return o(a)?(t(),i("div",F,[v(x,{class:"clear-btn go-my-2",disabled:!o(a).styles.animations.length,onClick:I},{default:u(()=>n[0]||(n[0]=[c(" 清除动画 ")])),_:1},8,["disabled"]),(t(!0),i(d,null,p(o(Y),(r,k)=>(t(),m(o(N),{key:k,name:r.label,expanded:!0},{default:u(()=>[v(y,{"x-gap":6,"y-gap":10,cols:3},{default:u(()=>[(t(!0),i(d,null,p(r.children,(e,D)=>(t(),m(w,{class:z(["animation-item go-transition-quick",[g(e.value)&&"active",b.value===e.value&&`animate__animated animate__${e.value}`]]),key:D,onMouseover:L=>b.value=e.value,onClick:L=>h(e)},{default:u(()=>[c(V(e.label),1)]),_:2},1032,["class","onMouseover","onClick"]))),128))]),_:2},1024)]),_:2},1032,["name"]))),128))])):A("",!0)}}});const J=$(M,[["__scopeId","data-v-6ba9ba9c"]]);export{J as default};