import{$ as e,R as t,et as n,gt as r,mr as i,xt as a}from"./common.js";import{t as o}from"./EventSelect.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createTextVNode as p,createVNode as m,defineComponent as h,nextTick as g,normalizeClass as _,normalizeStyle as v,onMounted as y,onUnmounted as b,openBlock as x,ref as S,renderList as C,toDisplayString as w,unref as T,useCssVars as E,withCtx as D,withModifiers as O}from"vue";import{Checkbox as k,Dropdown as A,Empty as j,InputNumber as M,Segmented as N,Tooltip as ee,theme as P}from"ant-design-vue";import{useDesign as F,useRootSetting as I}from"@mfish/core/hooks";import{Icon as L}from"@mfish/core/components/Icon";import{pick as R}from"lodash-es";import{ThemeEnum as z}from"@mfish/core/enums";import{ScrollContainer as B}from"@mfish/core/components/Container";import V from"vuedraggable";import{PauseCircleTwoTone as te,PlayCircleTwoTone as H}from"@ant-design/icons-vue";var U=[`onMouseenter`],W={class:`setting`},G=i(h({__name:`AnimationSet`,setup(e){E(e=>({b2a78e38:d.value}));let t=a(),n=c(()=>t.getCurConfigComponent.chart.animations),r=S(-1),{prefixCls:i}=F(`animation-set`),{token:s}=P.useToken(),d=c(()=>s.value.colorInfoBg),h=S(!1);function g(e){r.value=e}function v(e){t.getCurConfigComponent.chart.animations.splice(e,1),r.value=-1}let y=e=>{let{oldIndex:n,newIndex:r}=e.moved,i=t.getCurConfigComponent.chart.animations.splice(n,1)[0];t.getCurConfigComponent.chart.animations.splice(r,0,i)},b=e=>{h.value=e};function C(e){e.loop&&(e.repeat=void 0)}function O(e,t){t?.events||(t.events=[]);let n=t.events.findIndex(t=>t.id===e.event.id&&t.event===e.event.event);n===-1?e.modifyIndex>=0?t.events.splice(e.modifyIndex,1,e.event):t.events.push(e.event):t.events.splice(n,1,e.event)}function j(e,t){e!==-1&&t?.events.splice(e,1)}return(e,t)=>(x(),l(T(V),{"item-key":`id`,class:_(T(i)),modelValue:n.value,"onUpdate:modelValue":t[0]||=e=>n.value=e,animation:`300`,"ghost-class":`ghost`,onChange:y},{item:D(({element:e,index:n})=>[f(`div`,{class:`animation`,onMouseenter:e=>g(n)},[p(w(e.label)+` `,1),f(`div`,null,[r.value===n?(x(),l(T(L),{key:0,class:`icon`,icon:`ant-design:delete-outlined`,onClick:e=>v(n)},null,8,[`onClick`])):u(``,!0),m(T(A),{placement:`bottom`,trigger:[`click`],open:h.value&&r.value===n,onOpenChange:b,arrow:!0},{overlay:D(()=>[f(`div`,W,[m(T(M),{style:{width:`100%`},value:e.duration,"onUpdate:value":t=>e.duration=t,size:`small`,placeholder:`时长 ms`,step:100,min:0,max:1e5},null,8,[`value`,`onUpdate:value`]),m(T(M),{style:{width:`100%`},disabled:e.loop,value:e.repeat,"onUpdate:value":t=>e.repeat=t,size:`small`,placeholder:`重复次数`,step:1,min:0,max:3},null,8,[`disabled`,`value`,`onUpdate:value`]),m(T(k),{checked:e.loop,"onUpdate:checked":t=>e.loop=t,onChange:t=>C(e)},{default:D(()=>[...t[1]||=[p(` 无限循环`,-1)]]),_:1},8,[`checked`,`onUpdate:checked`,`onChange`]),m(o,{"hide-param":!0,events:e?.events,onOk:t=>O(t,e),onDelete:t=>j(t,e)},null,8,[`events`,`onOk`,`onDelete`])])]),default:D(()=>[m(T(L),{class:`icon`,icon:`ant-design:setting-outlined`})]),_:2},1032,[`open`])])],40,U)]),_:1},8,[`class`,`modelValue`]))}}),[[`__scopeId`,`data-v-8d331eae`]]),K={key:1,class:`animation-set`},q={class:`setting`},J={class:`mask-layer`},Y=[`onClick`,`onMouseenter`],X=i(h({name:`AnimationConfig`,__name:`index`,setup(i){E(e=>({v3b9d7e0c:Z.value,v6e53613f:T(M)}));let o=S(``),h=S(``),k=I().getDarkMode,A=c(()=>k.value===z.DARK?{color:`rgba(255,255,255,0.3)`}:{color:`rgba(0,0,0,0.2)`}),M=I().getThemeColor,V=a(),U=c(()=>V.getCurConfigComponent.chart.animations),W=c(()=>e.find(e=>e.value===o.value)?.payload.data),{token:X}=P.useToken(),Z=c(()=>X.value.colorInfoBg),{prefixCls:ne}=F(`animation-config`),Q=S(!1),$=()=>{Q.value=!1};y(()=>{o.value=e[0].value,t.on(r.PLAY_ANIMATION_COMPLETE,$)}),b(()=>{t.off(r.PLAY_ANIMATION_COMPLETE,$)});function re(e){o.value=e}async function ie(e){h.value=e.value,await g(),await n(e.animationRef,[e])}function ae(e){let t=R(e,[`label`,`value`]);V.getCurConfigComponent.chart.animations?V.getCurConfigComponent.chart.animations.push(t):V.getCurConfigComponent.chart.animations=[t]}function oe(){Q.value=!0,g(()=>t.emit(r.PLAY_ANIMATION))}function se(){Q.value=!1,t.emit(r.STOP_ANIMATION)}return(t,n)=>(x(),d(`div`,{class:_(T(ne))},[m(T(B),{style:{"min-height":`250px`,height:`250px`}},{default:D(()=>[!U.value||U.value.length===0?(x(),l(T(j),{key:0,description:`未添加动画`,image:T(j).PRESENTED_IMAGE_SIMPLE},null,8,[`image`])):(x(),d(`div`,K,[m(G),f(`div`,q,[m(T(ee),{title:Q.value?`暂停动画`:`播放动画`},{default:D(()=>[f(`div`,J,[Q.value?(x(),l(T(te),{key:0,"two-tone-color":T(M),style:{fontSize:`60px`},onClick:se},null,8,[`two-tone-color`])):(x(),l(T(H),{key:1,"two-tone-color":T(M),style:{fontSize:`60px`},onClick:oe},null,8,[`two-tone-color`]))])]),_:1},8,[`title`])])]))]),_:1}),m(T(N),{class:`segment`,value:o.value,options:T(e),onChange:re,block:``},{label:D(({value:e,payload:t})=>[t.icon?(x(),l(T(L),{key:0,icon:t.icon},null,8,[`icon`])):u(``,!0),p(` `+w(e),1)]),_:1},8,[`value`,`options`]),m(T(B),null,{default:D(()=>[f(`div`,{class:`animation-contain`,onMouseleave:n[0]||=e=>h.value=``},[(x(!0),d(s,null,C(W.value,e=>(x(),d(`div`,{style:{cursor:`pointer`,height:`28px`},key:e.value,onClick:t=>ae(e),onMouseenter:O(t=>ie(e),[`stop`,`prevent`])},[f(`div`,{class:`animation-block`,style:v(h.value===e.value?A.value:{}),ref_for:!0,ref:t=>{e.animationRef=t}},w(e.label),5),h.value===e.value?(x(),l(T(L),{key:0,class:`mask-icon`,icon:`ant-design:plus-outlined`,size:24})):u(``,!0)],40,Y))),128))],32)]),_:1})],2))}}),[[`__scopeId`,`data-v-031d35c9`]]);export{X as default};