| 1 |
- import{d as G,o as c,h as V,w as h,j as a,u,W as O,X as T,b as R,t as W,a as i,r as p,_ as U,f,ab as N,at as M,s as X,ad as q,c as g,n as E,A as L,F as A,g as j,G as H,ae as J,an as K,af as Q,ag as Y,am as Z,ac as I,ak as ee,au as S,av as te,aw as ae,ax as se,a5 as oe,C as ne,D as le,ay as ue,ao as ie,a4 as ce,az as de}from"./index.83dbe44f.js";import{b as F,a as D,p as _e,c as z}from"./right-fill-pano.vue_vue_type_style_index_0_scoped_4526d25b_lang.2e3d28a1.js";import{R as re}from"./right-fill-pano.5b379cb3.js";const pe={class:"info"},ve={class:"guide-cover"},he=["src"],me={class:"actions"},fe=G({__name:"sign",props:{guide:null},emits:["delete","play","edit"],setup(_,{emit:s}){const e=[{label:"\u7F16\u8F91",value:"edit"},{label:"\u5220\u9664",value:"delete"}],n={edit:()=>s("edit"),delete:()=>s("delete")};return(k,d)=>{const v=p("ui-icon"),w=p("ui-more"),x=p("ui-group-option");return c(),V(x,{class:"sign-guide"},{default:h(()=>[a("div",pe,[a("div",ve,[a("img",{src:u(O)(u(T)(_.guide.cover))},null,8,he),_.guide.paths.length?(c(),V(v,{key:0,type:"preview",class:"icon",ctrl:"",onClick:d[0]||(d[0]=y=>s("play"))})):R("",!0)]),a("div",null,[a("p",null,W(_.guide.title),1)])]),a("div",me,[i(w,{options:e,style:{"margin-left":"20px"},onClick:d[1]||(d[1]=y=>n[y]())})])]),_:1})}}});const ge=U(fe,[["__scopeId","data-v-be0fb7a3"]]),$=_=>(ne("data-v-4a1dc873"),_=_(),le(),_),ye={class:"video"},be={class:"overflow"},Ce=L(" \u6DFB\u52A0\u89C6\u89D2 "),ke={key:0,class:"info"},xe={class:"meta"},Fe={class:"length"},we=$(()=>a("span",null,"\u89C6\u9891\u65F6\u957F",-1)),Be=$(()=>a("span",null,"\u6E05\u7A7A\u753B\u9762",-1)),Pe=["onClick"],Ee=["src"],De={key:0,class:"set-phone-attr"},Se=$(()=>a("span",null,"m/s",-1)),Ve=$(()=>a("span",{class:"time"},"s",-1)),Ae={key:1,class:"un-video"},$e=G({__name:"edit-paths",props:{data:null},setup(_){const s=_,e=f([...s.data.paths]),n=f(e.value[0]),k=(t,r)=>{const o=D.calcPathInfo(e.value.slice(t,t+2),r);Object.assign(e.value[t],o),console.log(o)};N(()=>J([K.push(f(!1)),Q.push(f(!1)),Y.push(f(!1)),Z.push(f(!1))])),M(e,{save(){if(!e.value.length)throw I.alert("\u65E0\u6CD5\u4FDD\u5B58\u7A7A\u8DEF\u5F84\u5BFC\u89C8\uFF01"),"\u65E0\u6CD5\u4FDD\u5B58\u7A7A\u8DEF\u5F84\u5BFC\u89C8\uFF01";s.data.paths=e.value,s.data.cover=e.value[0].cover,ee(s.data.id)&&S.value.push(s.data)}});const d=()=>{te(async()=>{const t=await D.screenshot(260,160),o=await(await fetch(t)).blob(),B=D.getPose(),P=e.value.indexOf(n.value)+1,l=ae({...B,cover:{url:t,blob:o}});if(e.value.splice(P,0,l),n.value=l,e.value.length>1){const m=e.value.length-2;k(m,{speed:e.value[m].speed})}})},v=async(t,r=!1)=>{if(r||await I.confirm("\u786E\u5B9A\u8981\u5220\u9664\u6B64\u753B\u9762\u5417\uFF1F")){const o=e.value.indexOf(t);~o&&e.value.splice(o,1),t===n.value&&(n.value=e.value[o+(o===0?0:-1)])}},w=async()=>{if(await I.confirm("\u786E\u5B9A\u8981\u6E05\u7A7A\u753B\u9762\u5417\uFF1F")){for(;e.value.length;)v(e.value[0],!0);n.value=e.value[0]}},x=t=>{D.comeTo({dur:300,...t}),n.value=t},y=async()=>{F.value?_e():(x(e.value[0]),await se(400),z(oe(e.value),t=>{console.log("guide",t),n.value=e.value[t-1]}))},b=f();return X(async()=>{const t=e.value.indexOf(n.value);if(~t&&b.value){await q();const r=b.value.scrollWidth/e.value.length,o=b.value.offsetWidth/2,B=r*t-o;b.value.scroll({left:B,top:0})}}),(t,r)=>{const o=p("ui-icon"),B=p("ui-button"),P=p("ui-input");return c(),g("div",ye,[a("div",be,[i(o,{ctrl:"",type:u(F)?"pause":"preview",disabled:!e.value.length,onClick:y},null,8,["type","disabled"]),i(B,{type:"primary",onClick:d,width:"200px",class:E({disabled:u(F)})},{default:h(()=>[Ce]),_:1},8,["class"])]),e.value.length?(c(),g("div",ke,[a("div",xe,[a("div",Fe,[we,L(W(e.value.reduce((l,m)=>l+m.time,0))+"s ",1)]),a("div",{class:E(["fun-ctrl clear",{disabled:u(F)}]),onClick:w},[i(o,{type:"del"}),Be],2)]),a("div",{class:"photo-list",ref_key:"listVm",ref:b},[(c(!0),g(A,null,j(e.value,(l,m)=>(c(),g(A,{key:l.id},[a("div",{class:E(["photo",{active:n.value===l,disabled:u(F)}]),onClick:C=>x(l)},[i(o,{type:"del",ctrl:"",onClick:H(C=>v(l),["stop"]),class:E({disabled:u(F)})},null,8,["onClick","class"]),a("img",{src:u(O)(u(T)(l.cover))},null,8,Ee)],10,Pe),m!==e.value.length-1?(c(),g("div",De,[i(P,{type:"number",width:"54px",height:"26px",modelValue:l.speed,"onUpdate:modelValue":C=>k(m,{speed:C}),ctrl:!1,min:.1,max:10},{icon:h(()=>[Se]),_:2},1032,["modelValue","onUpdate:modelValue","min"]),i(P,{type:"number",width:"54px",height:"26px",modelValue:l.time,"onUpdate:modelValue":[C=>l.time=C,C=>k(m,{time:C})],ctrl:!1,min:.1,max:20,class:"time"},{icon:h(()=>[Ve]),_:2},1032,["modelValue","onUpdate:modelValue","min"])])):R("",!0)],64))),128))],512)])):(c(),g("p",Ae,"\u6682\u65E0\u5BFC\u89C8"))])}}});const Ie=U($e,[["__scopeId","data-v-4a1dc873"]]),Ge=L(" \u65B0\u589E "),Re=G({__name:"index",setup(_){const s=f(),e=()=>s.value=null,n=d=>{s.value=d,ie(),ce.on("leave",e)},k=d=>{const v=S.value.indexOf(d);S.value.splice(v,1)};return N(de),(d,v)=>{const w=p("ui-icon"),x=p("ui-button"),y=p("ui-group"),b=p("ui-editor-toolbar");return c(),g(A,null,[i(u(re),null,{default:h(()=>[i(y,{borderBottom:""},{header:h(()=>[i(x,{onClick:v[0]||(v[0]=t=>n(u(ue)()))},{default:h(()=>[i(w,{type:"add"}),Ge]),_:1})]),_:1}),i(y,{title:"\u5BFC\u89C8\u5217\u8868"},{default:h(()=>[(c(!0),g(A,null,j(u(S),t=>(c(),V(ge,{key:t.id,guide:t,onPlay:r=>u(z)(t.paths),onEdit:r=>n(t),onDelete:r=>k(t)},null,8,["guide","onPlay","onEdit","onDelete"]))),128))]),_:1})]),_:1}),i(b,{toolbar:!!s.value,class:"video-toolbar"},{default:h(()=>[s.value?(c(),V(Ie,{key:0,data:s.value},null,8,["data"])):R("",!0)]),_:1},8,["toolbar"])],64)}}});const Te=U(Re,[["__scopeId","data-v-475d1118"]]);export{Te as default};
|
