index.b90de7e7.js 5.5 KB

1
  1. import{d as E,K as w,r as f,c as C,o as c,e as d,F as $,h as _,j as b,u,m as h,ct as A,t as V,L as m,T,f as B,cl as M,_ as I,el as D,w as K,b as q,am as S,bD as G,cA as N,cm as H,em as U,c_ as j,a as O,R as J,eL as W,a2 as Q,fJ as X,fK as F,H as Y,fy as Z,fx as ee,fL as te,N as le,fM as L,eq as P,ep as se}from"./index.932f1548.js";const ae=["data-key"],ne={key:1,class:"text"},ce={class:"child-ctrls"},oe={name:"Ctrl"},ie=E({...oe,props:{ctrl:null,activeCtrls:null},emits:["click"],setup(e,{emit:y}){const o=e,a=w(()=>{var k;return(k=o.activeCtrls)==null?void 0:k.includes(o.ctrl)}),g=document.body,i=f(),p=f(!1);return(k,s)=>{const l=C("ui-icon"),t=C("ui-guide"),r=C("Ctrl",!0),v=C("ui-floating");return c(),d("div",{class:M(["ctrl",{active:u(a),disabled:e.ctrl.disabled,"in-click":e.ctrl.inClick,"include-text":e.ctrl.text,"include-icon":e.ctrl.icon,"fun-ctrl":!0}]),"data-key":e.ctrl.key,onClick:s[4]||(s[4]=A(n=>y("click",e.ctrl),["stop"])),ref_key:"ctrlRef",ref:i},[e.ctrl.icon?(c(),d($,{key:0},[e.ctrl.key?(c(),_(t,{key:0,msg:e.ctrl.guide,mark:e.ctrl.key,type:"right"},{content:b(({show:n})=>[e.ctrl.icon?(c(),_(l,{key:0,svg:e.ctrl.type==="svg",class:"icon",tip:n?"":e.ctrl.desc,type:e.ctrl.activeIcon&&u(a)?e.ctrl.activeIcon:e.ctrl.icon},null,8,["svg","tip","type"])):h("",!0)]),_:1},8,["msg","mark"])):(c(),_(l,{key:1,svg:e.ctrl.type==="svg",onClick:s[0]||(s[0]=A(n=>y("click",e.ctrl),["stop"])),class:"icon",tip:e.ctrl.desc,type:e.ctrl.activeIcon&&u(a)?e.ctrl.activeIcon:e.ctrl.icon},null,8,["svg","tip","type"]))],64)):h("",!0),e.ctrl.text?(c(),d("span",ne,V(e.ctrl.text),1)):h("",!0),e.ctrl.children?(c(),_(v,{key:2,mount:u(g),dire:"right-top",refer:i.value,width:"160px",class:M([{show:u(a)||p.value},"ctrl-child-float"]),onMouseenter:s[2]||(s[2]=n=>p.value=!0),onMouseleave:s[3]||(s[3]=n=>p.value=!1)},{default:b(()=>[m("div",ce,[(c(!0),d($,null,T(o.ctrl.children,n=>(c(),d("div",null,[B(r,{ctrl:n,activeCtrls:e.activeCtrls,onClick:s[1]||(s[1]=x=>y("click",x))},null,8,["ctrl","activeCtrls"])]))),256))])]),_:1},8,["mount","refer","class"])):h("",!0)],10,ae)}}});const ue=I(ie,[["__scopeId","data-v-e6d5e351"]]),re={class:"control-layer"},de={class:"scroll-view"},ve={key:0},fe=E({__name:"index",props:{group:null,show:{type:Boolean,default:!0},modelValue:null,full:{type:Boolean,default:!1}},emits:["update:modelValue","select"],setup(e,{expose:y,emit:o}){const a=e,g=D(),i=f(!0);K(()=>[g,a.show],()=>{g.value&&(i.value=g.value),setTimeout(()=>i.value=!a.show)},{immediate:!0});const p=s=>{if(s.inClick)return o("select",s);const l=S([...a.modelValue]),t=l.indexOf(S(s));if(~t)l.splice(t,1);else if(s.makeup)l.push(s);else{const r=l.filter(v=>v.makeup);l.length=0,l.push(...r,s)}o("update:modelValue",l,a.modelValue)};q(()=>{if(!a.show){const s=[];for(const{items:l}of a.group)l.push(...l.filter(t=>t.def));o("update:modelValue",s,a.modelValue)}});const k=S({dom:null});return y(k),(s,l)=>(c(),_(G,{name:"fade"},{default:b(()=>[i.value?h("",!0):(c(),d("div",{key:0,class:M(["control-panl pc",{full:e.full,"strengthen-right":e.full}]),ref:t=>k.dom=t},[m("div",re,[m("div",de,[(c(!0),d($,null,T(e.group,(t,r)=>(c(),d("div",{c:"",lass:"panl",class:M({apart:t.apart})},[t.label?(c(),d("p",ve,V(t.label),1)):h("",!0),(c(!0),d($,null,T(t.items,v=>(c(),_(ue,{activeCtrls:e.modelValue,ctrl:v,key:v.key,onClick:n=>p(n)},null,8,["activeCtrls","ctrl","onClick"]))),128))],2))),256))])])],2))]),_:1}))}});const me=I(fe,[["__scopeId","data-v-26dbc638"]]),ye={class:"right-range floating-range strengthen"},ge={class:"range-content"},pe={class:"range-layout"},ke={class:"ui-message tip-left"},he={class:"ui-message tip-right"},_e=E({__name:"index",setup(e){const y=w(()=>O.currentRoute.value.name===J.registration),o=w(()=>{const l=O.currentRoute.value.params.id;if(y.value&&l)return W(l)}),a=w(()=>o.value&&Q(o.value)),g=[{desc:$t("fuse.move"),icon:"move",key:"move"},{desc:$t("fuse.flip"),icon:"flip",key:"rotate"},{desc:$t("fuse.opacity1"),icon:"transparency",key:"opacity"}],i=f([]),p=f(),k=w(()=>{var l,t;return(t=(l=p.value)==null?void 0:l.dom)==null?void 0:t.querySelector('div[data-key="opacity"]')}),s=(l,t,r)=>r.start+(l.y-t.y)/r.locusWidth;return K(i,(l,t=[])=>{const{added:r,deleted:v}=X(l,t),n=["move","rotate"],x=r.filter(R=>n.includes(R.key)),z=v.filter(R=>n.includes(R.key));a.value&&(!x.length&&z.length?a.value.leaveTransform():x.length&&(x[0].key==="move"?a.value.enterMoveMode():a.value.enterRotateMode()))},{immediate:!0}),q(l=>{const t=a.value;t?(t.enterAlignment(),F.push(o),l(Y([F.push(o),Z.push(f(void 0)),ee.push(f(!1)),te.push(f(!1)),()=>{t.leaveTransform(),t.leaveAlignment()}])),i.value=[g[0]]):y.value&&le()}),N(()=>(L.push(f(!1)),P.showGrid(),()=>{L.pop(),i.value.length&&(i.value=[]),P.hideGrid()})),N(se),(l,t)=>{const r=C("ui-input"),v=C("ui-floating");return u(o)&&u(a)?(c(),d($,{key:0},[B(u(me),{group:[{items:g}],modelValue:i.value,"onUpdate:modelValue":t[0]||(t[0]=n=>i.value=n),ref_key:"selectExpose",ref:p},null,8,["group","modelValue"]),i.value.some(({key:n})=>n==="opacity")?(c(),_(v,{key:0,refer:u(k),class:"opacity-range",isTransform:"",dire:"right-center"},{default:b(()=>[m("div",ye,[m("div",ge,[m("div",pe,[B(r,H({type:"range",modelValue:u(o).opacity,"onUpdate:modelValue":t[1]||(t[1]=n=>u(o).opacity=n)},u(U).opacityRange,{moveCallback:s,ctrl:!1,input:!1,width:"100%"}),null,16,["modelValue"]),m("span",{class:"num",style:j({left:`${u(o).opacity}%`})},V(parseInt(u(o).opacity.toString()))+"%",5)])])])]),_:1},8,["refer"])):h("",!0),m("div",ke,V(l.$t("fuse.vre")),1),m("div",he,V(l.$t("fuse.hre")),1)],64)):h("",!0)}}});const xe=I(_e,[["__scopeId","data-v-ab43d0a7"]]);export{xe as default};