| 1 |
- import{d as G,o as c,h as V,w as h,j as a,u,T as L,U as O,b as R,t as N,a as i,r as p,_ as U,f as m,ae as W,au as M,s as q,ag as H,c as f,n as E,A as T,F as A,g as j,G as J,a5 as K,an as Q,am as X,ah as Y,a7 as Z,af as I,al as ee,av as S,aw as te,ax as ae,aq as se,a4 as oe,C as ne,D as le,ay as ue,ao as ie,a3 as ce,az as de}from"./index.f1ca3cd6.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_fd9c780b_lang.6624ad3f.js";import{R as re}from"./right-fill-pano.246ca597.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(x,d)=>{const v=p("ui-icon"),w=p("ui-more"),k=p("ui-group-option");return c(),V(k,{class:"sign-guide"},{default:h(()=>[a("div",pe,[a("div",ve,[a("img",{src:u(L)(u(O)(_.guide.cover))},null,8,he),_.guide.paths.length?(c(),V(v,{key:0,type:"preview",class:"icon",ctrl:"",onClick:d[0]||(d[0]=g=>s("play"))})):R("",!0)]),a("div",null,[a("p",null,N(_.guide.title),1)])]),a("div",me,[i(w,{options:e,style:{"margin-left":"20px"},onClick:d[1]||(d[1]=g=>n[g]())})])]),_:1})}}});const ge=U(fe,[["__scopeId","data-v-be0fb7a3"]]),$=_=>(ne("data-v-31603f73"),_=_(),le(),_),ye={class:"video"},be={class:"overflow"},Ce=T(" \u6DFB\u52A0\u89C6\u89D2 "),xe={key:0,class:"info"},ke={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=m([...s.data.paths]),n=m(e.value[0]),x=(t,r)=>{const o=D.calcPathInfo(e.value.slice(t,t+2),r);Object.assign(e.value[t],o),console.log(o)};W(()=>K([Q.push(m(!1)),X.push(m(!1)),Y.push(m(!1)),Z.push(m(!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 b=e.value.length-2;x(b,{time:3})}})},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]}},k=t=>{D.comeTo({dur:300,...t}),n.value=t},g=async()=>{F.value?_e():(k(e.value[0]),await se(400),z(oe(e.value),t=>{console.log("guide",t),n.value=e.value[t-1]}))},y=m();return q(async()=>{const t=e.value.indexOf(n.value);if(~t&&y.value){await H();const r=y.value.scrollWidth/e.value.length,o=y.value.offsetWidth/2,B=r*t-o;y.value.scroll({left:B,top:0})}}),(t,r)=>{const o=p("ui-icon"),B=p("ui-button"),P=p("ui-input");return c(),f("div",ye,[a("div",be,[i(o,{ctrl:"",type:u(F)?"pause":"preview",disabled:!e.value.length,onClick:g},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(),f("div",xe,[a("div",ke,[a("div",Fe,[we,T(N(e.value.reduce((l,b)=>l+b.time,0).toFixed(1))+"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:y},[(c(!0),f(A,null,j(e.value,(l,b)=>(c(),f(A,{key:l.id},[a("div",{class:E(["photo",{active:n.value===l,disabled:u(F)}]),onClick:C=>k(l)},[i(o,{type:"del",ctrl:"",onClick:J(C=>v(l),["stop"]),class:E({disabled:u(F)})},null,8,["onClick","class"]),a("img",{src:u(L)(u(O)(l.cover))},null,8,Ee)],10,Pe),b!==e.value.length-1?(c(),f("div",De,[i(P,{type:"number",width:"54px",height:"26px",modelValue:l.speed,"onUpdate:modelValue":C=>x(b,{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=>x(b,{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(),f("p",Ae,"\u6682\u65E0\u5BFC\u89C8"))])}}});const Ie=U($e,[["__scopeId","data-v-31603f73"]]),Ge=T(" \u65B0\u589E "),Re=G({__name:"index",setup(_){const s=m(),e=()=>s.value=null,n=d=>{s.value=d,ie(),ce.on("leave",e)},x=d=>{const v=S.value.indexOf(d);S.value.splice(v,1)};return W(de),(d,v)=>{const w=p("ui-icon"),k=p("ui-button"),g=p("ui-group"),y=p("ui-editor-toolbar");return c(),f(A,null,[i(u(re),null,{default:h(()=>[i(g,{borderBottom:""},{header:h(()=>[i(k,{onClick:v[0]||(v[0]=t=>n(u(ue)()))},{default:h(()=>[i(w,{type:"add"}),Ge]),_:1})]),_:1}),i(g,{title:"\u5BFC\u89C8\u5217\u8868"},{default:h(()=>[(c(!0),f(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=>x(t)},null,8,["guide","onPlay","onEdit","onDelete"]))),128))]),_:1})]),_:1}),i(y,{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 Oe=U(Re,[["__scopeId","data-v-475d1118"]]);export{Oe as default};
|
