vue-pure-admin/static/js/animationEdge-D8NOi2sy.js

2 lines
2.7 KiB
JavaScript

var B=Object.defineProperty,R=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var N=(n,e,t)=>e in n?B(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,k=(n,e)=>{for(var t in e||(e={}))D.call(e,t)&&N(n,t,e[t]);if(_)for(var t of _(e))$.call(e,t)&&N(n,t,e[t]);return n},P=(n,e)=>R(n,V(e));var E=(n,e,t)=>new Promise((v,u)=>{var c=s=>{try{i(t.next(s))}catch(d){u(d)}},o=s=>{try{i(t.throw(s))}catch(d){u(d)}},i=s=>s.done?v(s.value):Promise.resolve(s.value).then(c,o);i((t=t.apply(n,e)).next())});import{d as I,a as g,N as p,p as X,n as h,k as Y,e as S,F as j,f as z,b as M,i as O,u as C,s as L,w as G,g as y,j as H,gu as J,gv as K,x as Q,_ as U}from"./index-BY53z-3q.js";import{P as q,u as W,d as Z,g as ee,e as te,f as ae}from"./vue-flow-core-9uesK9XZ.js";const ne=I({__name:"animationEdge",props:{id:{type:String,required:!0},source:{type:String,required:!0},target:{type:String,required:!0},sourceX:{type:Number,required:!0},sourceY:{type:Number,required:!0},targetX:{type:Number,required:!0},targetY:{type:Number,required:!0},sourcePosition:{type:String,default:q.Right},targetPosition:{type:String,default:q.Left}},setup(n){const e=n,{findEdge:t}=W(),v=Z([e.target,e.source]),u=g(0),c=g(),o=g({x:0,y:0}),i=g(0),s=p(()=>v.value[0].data),d=p(()=>v.value[1].data),A=p(()=>d.value.isFinished),F=p(()=>s.value.isCancelled),l=g(!1),T=p(()=>s.value.hasError?"#f87171":s.value.isFinished?"#42B983":s.value.isCancelled||s.value.isSkipped?"#fbbf24":s.value.isRunning||l.value?"#2563eb":"#6b7280"),w=X(()=>ee(e));h(F,r=>{r&&b()}),h(l,r=>{const a=t(e.id);a&&(a.data=P(k({},a.data),{isAnimating:r}))}),h(u,r=>{var f;const a=(f=c.value)==null?void 0:f.pathEl;if(!a||r===0||!l.value)return;const m=a.getTotalLength();if(i.value!==m){x();return}o.value=a.getPointAtLength(r)}),h(A,r=>{r&&x()});function x(){return E(this,null,function*(){var f;const r=(f=c.value)==null?void 0:f.pathEl;if(!r)return;const a=r.getTotalLength(),m=u.value||0;o.value=r.getPointAtLength(m),l.value=!0,i.value!==a&&(i.value=a),yield J(u,m,a,{transition:K.easeInOutCubic,duration:Math.max(1500,a/2),abort:()=>!l.value}),b()})}function b(){Q(()=>{u.value=0,i.value=0,o.value={x:0,y:0},l.value=!1})}return(r,a)=>(S(),Y(j,null,[z(C(te),{id:n.id,ref_key:"edgeRef",ref:c,path:w.value[0],style:L({stroke:T.value})},null,8,["id","path","style"]),l.value?(S(),M(C(ae),{key:0},{default:G(()=>[y("div",{style:L({transform:`translate(-50%, -50%) translate(${o.value.x}px,${o.value.y}px)`}),class:"nodrag nopan animated-edge-label"},a[0]||(a[0]=[y("span",{class:"truck"},[y("span",{class:"box"},"📦"),H(" 🚚 ")],-1)]),4)]),_:1})):O("",!0)],64))}}),ue=U(ne,[["__scopeId","data-v-bf803707"]]);export{ue as default};