1 |
- import{d as I,I as b,r as C,c as h,o,e as r,F as w,h as g,j as V,m as _,bx as D,L as A,J as v,bG as R,f as S,u as B,bF as F,_ as T,bR as Q,w as z,b as H,ab as M,aQ as U,bS as N,bH as j,bT as q,cT as J,a as O,R as K,cf as W,bM as X,c$ as Y,d0 as x,N as Z,bP as ee,bQ as te,d1 as G,bY as P,bX as se}from"./offline.ee04b43a.js";const le=["data-key"],ae={key:1,class:"text"},oe={class:"child-ctrls"},ne={name:"Ctrl"},ue=I({...ne,props:{ctrl:{},activeCtrls:{}},emits:["click"],setup(m,{emit:k}){const u=m,a=k,d=b(()=>{var t;return(t=u.activeCtrls)==null?void 0:t.includes(u.ctrl)}),c=document.body,p=C(),y=C(!1);return(t,e)=>{const s=h("ui-icon"),l=h("ui-guide"),f=h("Ctrl",!0),n=h("ui-floating");return o(),r("div",{class:F(["ctrl",{active:d.value,disabled:t.ctrl.disabled,"in-click":t.ctrl.inClick,"include-text":t.ctrl.text,"include-icon":t.ctrl.icon,"fun-ctrl":!0}]),"data-key":t.ctrl.key,onClick:e[4]||(e[4]=D(i=>a("click",t.ctrl),["stop"])),ref_key:"ctrlRef",ref:p},[t.ctrl.icon?(o(),r(w,{key:0},[t.ctrl.key?(o(),g(l,{key:0,msg:t.ctrl.guide,mark:t.ctrl.key,type:"right"},{content:V(({show:i})=>[t.ctrl.icon?(o(),g(s,{key:0,svg:t.ctrl.type==="svg",class:"icon",tip:i?"":t.ctrl.desc,type:t.ctrl.activeIcon&&d.value?t.ctrl.activeIcon:t.ctrl.icon},null,8,["svg","tip","type"])):_("",!0)]),_:1},8,["msg","mark"])):(o(),g(s,{key:1,svg:t.ctrl.type==="svg",onClick:e[0]||(e[0]=D(i=>a("click",t.ctrl),["stop"])),class:"icon",tip:t.ctrl.desc,type:t.ctrl.activeIcon&&d.value?t.ctrl.activeIcon:t.ctrl.icon},null,8,["svg","tip","type"]))],64)):_("",!0),t.ctrl.text?(o(),r("span",ae,A(t.ctrl.text),1)):_("",!0),t.ctrl.children?(o(),g(n,{key:2,mount:B(c),dire:"right-top",refer:p.value,width:"160px",class:F([{show:d.value||y.value},"ctrl-child-float"]),onMouseenter:e[2]||(e[2]=i=>y.value=!0),onMouseleave:e[3]||(e[3]=i=>y.value=!1)},{default:V(()=>[v("div",oe,[(o(!0),r(w,null,R(u.ctrl.children,i=>(o(),r("div",null,[S(f,{ctrl:i,activeCtrls:t.activeCtrls,onClick:e[1]||(e[1]=$=>a("click",$))},null,8,["ctrl","activeCtrls"])]))),256))])]),_:1},8,["mount","refer","class"])):_("",!0)],10,le)}}});const ie=T(ue,[["__scopeId","data-v-04979188"]]),ce={class:"control-layer"},re={class:"scroll-view"},de={key:0},pe=I({__name:"index",props:{group:{},show:{type:Boolean,default:!0},modelValue:{},full:{type:Boolean,default:!1}},emits:["update:modelValue","select"],setup(m,{expose:k,emit:u}){const a=m,d=Q(),c=C(!0);z(()=>[d,a.show],()=>{d.value&&(c.value=d.value),setTimeout(()=>c.value=!a.show)},{immediate:!0});const p=u,y=e=>{if(e.inClick)return p("select",e);const s=M([...a.modelValue]),l=s.indexOf(M(e));if(~l)s.splice(l,1);else if(e.makeup)s.push(e);else{const f=s.filter(n=>n.makeup);s.length=0,s.push(...f,e)}p("update:modelValue",s,a.modelValue)};H(()=>{if(!a.show){const e=[];for(const{items:s}of a.group)s.push(...s.filter(l=>l.def));p("update:modelValue",e,a.modelValue)}});const t=M({dom:null});return k(t),(e,s)=>(o(),g(U,{name:"fade"},{default:V(()=>[c.value?_("",!0):(o(),r("div",{key:0,class:F(["control-panl pc",{full:e.full,"strengthen-right":e.full}]),ref:l=>t.dom=l},[v("div",ce,[v("div",re,[(o(!0),r(w,null,R(e.group,(l,f)=>(o(),r("div",{c:"",lass:"panl",class:F({apart:l.apart})},[l.label?(o(),r("p",de,A(l.label),1)):_("",!0),(o(!0),r(w,null,R(l.items,n=>(o(),g(ie,{activeCtrls:e.modelValue,ctrl:n,key:n.key,onClick:i=>y(i)},null,8,["activeCtrls","ctrl","onClick"]))),128))],2))),256))])])],2))]),_:1}))}});const ve=T(pe,[["__scopeId","data-v-b40b51fa"]]),L=m=>(ee("data-v-05a5573c"),m=m(),te(),m),me={class:"right-range floating-range strengthen"},fe={class:"range-content"},_e={class:"range-layout"},ye=L(()=>v("div",{class:"ui-message tip-left"},"\u8BF7\u5728\u5F53\u524D\u7A97\u53E3\u8C03\u6574\u6C34\u5E73\u65B9\u5411\u4F4D\u7F6E",-1)),ge=L(()=>v("div",{class:"ui-message tip-right"},"\u8BF7\u5728\u5F53\u524D\u7A97\u53E3\u8C03\u6574\u5782\u76F4\u65B9\u5411\u4F4D\u7F6E",-1)),ke=I({__name:"index",setup(m){const k=b(()=>O.currentRoute.value.name===K.registration),u=b(()=>{const e=O.currentRoute.value.params.id;if(k.value&&e)return W(e)}),a=b(()=>u.value&&X(u.value)),d=[{desc:"\u79FB\u52A8",icon:"move",key:"move"},{desc:"\u65CB\u8F6C",icon:"flip",key:"rotate"},{desc:"\u900F\u660E\u5EA6",icon:"transparency",key:"opacity"}],c=C([]),p=C(),y=b(()=>{var e,s;return(s=(e=p.value)==null?void 0:e.dom)==null?void 0:s.querySelector('div[data-key="opacity"]')}),t=(e,s,l)=>l.start+(e.y-s.y)/l.locusWidth;return z(c,(e,s=[])=>{const{added:l,deleted:f}=Y(e,s),n=["move","rotate"],i=l.filter(E=>n.includes(E.key)),$=f.filter(E=>n.includes(E.key));a.value&&(!i.length&&$.length?a.value.leaveTransform():i.length&&(i[0].key==="move"?a.value.enterMoveMode():a.value.enterRotateMode()))},{immediate:!0}),H(e=>{const s=a.value;if(s){s.enterAlignment();const l=x.push(u);e(()=>{s.leaveTransform(),s.leaveAlignment(),l()})}else k.value&&Z()}),N(()=>(G.push(C(!1)),P.showGrid(),()=>{G.pop(),c.value.length&&(c.value=[]),P.hideGrid()})),N(se),(e,s)=>{const l=h("ui-input"),f=h("ui-floating");return u.value&&a.value?(o(),r(w,{key:0},[S(B(ve),{group:[{items:d}],modelValue:c.value,"onUpdate:modelValue":s[0]||(s[0]=n=>c.value=n),ref_key:"selectExpose",ref:p},null,8,["group","modelValue"]),c.value.some(({key:n})=>n==="opacity")?(o(),g(f,{key:0,refer:y.value,class:"opacity-range",isTransform:"",dire:"right-center"},{default:V(()=>[v("div",me,[v("div",fe,[v("div",_e,[S(l,j({type:"range",modelValue:u.value.opacity,"onUpdate:modelValue":s[1]||(s[1]=n=>u.value.opacity=n)},B(q).opacityRange,{moveCallback:t,ctrl:!1,input:!1,width:"100%"}),null,16,["modelValue"]),v("span",{class:"num",style:J({left:`${u.value.opacity}%`})},A(parseInt(u.value.opacity.toString()))+"%",5)])])])]),_:1},8,["refer"])):_("",!0),ye,ge],64)):_("",!0)}}});const Ce=T(ke,[["__scopeId","data-v-05a5573c"]]);export{Ce as default};
|