@kq_npm/client3d_webgl_vue/videoproject/index.js

KQGIS Client3D for Vue.js

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue"),require("@kq_npm/client_common_vue/_utils/gis-utils"),require("@kq_npm/client_common_vue/_utils/util"),require("@kq_npm/client_common_vue/init.js")):"function"==typeof define&&define.amd?define("@kq_npm/client3d_webgl_vue",["vue","@kq_npm/client_common_vue/_utils/gis-utils","@kq_npm/client_common_vue/_utils/util","@kq_npm/client_common_vue/init.js"],t):"object"==typeof exports?exports["@kq_npm/client3d_webgl_vue"]=t(require("vue"),require("@kq_npm/client_common_vue/_utils/gis-utils"),require("@kq_npm/client_common_vue/_utils/util"),require("@kq_npm/client_common_vue/init.js")):e["@kq_npm/client3d_webgl_vue"]=t(e.Vue,e["@kq_npm/client_common_vue/_utils/gis-utils"],e["@kq_npm/client_common_vue/_utils/util"],e["@kq_npm/client_common_vue/init.js"])}(this,(function(e,t,o,i){return function(){"use strict";var a={1705:function(e,t,o){var i=o(9389),a=o(7997),l=o.n(a);i.ElMessage.install=(e,t)=>{l()(e,t),e.component("KqMessage",i.ElMessage)},t.Z=i.ElMessage},4735:function(e,t,o){o.d(t,{Z:function(){return i}});class i{_viewer=null;_options={};_projectVideo=null;_videoElement=null;constructor(e,t){this._options=Object.assign({},t),this._viewer=e._viewer,this._videoElement=this._createVideoElement()}_createVideoElement(){var e=document.createElement("video");return e.style.position="absolute",e.style.zIndex="-9999",e.style.top="0px",e.style.left="0px",e.style.visibility="hidden",e.crossOrigin="",e.autoplay=!0,e.loop=!0,e.muted=!0,document.body.appendChild(e),e}project(){this.clear();let e=Cesium.Cartesian3.clone(this._viewer.camera.positionWC);this._options.heading=this._viewer.camera.heading,this._options.pitch=this._viewer.camera.pitch,this._options.roll=this._viewer.camera.roll;let t={position:e,heading:this._options.heading,pitch:this._options.pitch,roll:this._options.roll,fov:Cesium.Math.toRadians(this._options.fov),aspectRatio:this._options.aspectRatio,far:this._options.far,videoElement:this._videoElement};this._videoElement.src=this._options.videoPath,1==this._options.projectType?(t.outline=this._options.showHideLine,this._projectVideo=new Cesium.K3dProjectVideoPlane(t)):(t.showHelperPrimitive=this._options.showHideLine,this._projectVideo=new Cesium.Kq3dProjectVideo(t)),this._viewer.scene.primitives.add(this._projectVideo)}getProjectCoordinate(){if(this._projectVideo){let e=Cesium.Cartographic.fromCartesian(this._projectVideo.position);return{longitude:Cesium.Math.toDegrees(e.longitude),latitude:Cesium.Math.toDegrees(e.latitude),height:e.height}}}getHeadingPitchRoll(){return{heading:Math.round(Cesium.Math.toDegrees(this._options.heading)),pitch:Math.round(Cesium.Math.toDegrees(this._options.pitch)),roll:Math.round(Cesium.Math.toDegrees(this._options.roll))}}flyTo(){this._projectVideo&&this._viewer.camera.flyTo({destination:this._projectVideo.position,orientation:{heading:this._options.heading,pitch:this._options.pitch,roll:this._options.roll}})}clear(){this._projectVideo&&this._projectVideo.destroy(),this._projectVideo=null}destroy(){this.clear(),this._videoElement&&document.body.removeChild(this._videoElement),this._videoElement=null}setPosition(e,t,o){let i=Cesium.Cartesian3.fromDegrees(e,t,o);this._projectVideo.position=i}setVideoPath(e){this._options.videoPath=e}setProjectType(e){this._options.projectType=Number(e)}setFov(e){this._options.fov=Number(e),this._projectVideo&&(this._projectVideo.fov=Cesium.Math.toRadians(this._options.fov))}setAspectRatio(e){this._options.aspectRatio=Number(e),this._projectVideo&&(this._projectVideo.aspectRatio=this._options.aspectRatio)}setFar(e){this._options.far=Number(e),this._projectVideo&&(this._projectVideo.far=this._options.far)}setHeading(e){this._options.heading=Number(e),this._projectVideo&&(this._projectVideo.heading=Cesium.Math.toRadians(this._options.heading))}setPitch(e){this._options.pitch=Number(e),this._projectVideo&&(this._projectVideo.pitch=Cesium.Math.toRadians(this._options.pitch))}setRoll(e){this._options.roll=Number(e),this._projectVideo&&(this._projectVideo.roll=Cesium.Math.toRadians(this._options.roll))}showHideLine(e){this._options.showHideLine=e,this._projectVideo&&(1==this._options.projectType?this._projectVideo.outline=e:this._projectVideo.showHelperPrimitive=e)}}},348:function(e){e.exports=require("@kq_npm/client_icons_vue")},9389:function(e){e.exports=require("element-plus/dist/index.full.js")},7080:function(e){e.exports=require("vue-i18n/dist/vue-i18n.cjs.js")},7135:function(e){e.exports=t},3458:function(e){e.exports=o},7997:function(e){e.exports=i},1895:function(t){t.exports=e}},l={};function n(e){var t=l[e];if(void 0!==t)return t.exports;var o=l[e]={exports:{}};return a[e](o,o.exports,n),o.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return function(){n.r(r),n.d(r,{VideoProjectViewModel:function(){return o.Z},default:function(){return m}});var e=n(1895),t=n(7135),o=n(4735),i=n(348),a=n(3458),l=n(7080),s=n(1705);const d={class:"kq3d-video-project-box"},u={class:"kq3d-video-project-span"},c={class:"kq3d-video-project-span"},p={class:"kq3d-video-project-footer"},h={name:"Kq3dVideoProject"};var m=Object.assign(h,{props:{settingParams:{type:Object},showShadow:{type:Boolean,default:!0},position:[String,Object],showHeaderTemp:{type:Boolean,default:!1},isCollapseHeaderTemp:{type:Boolean,default:!1},headerTempTitle:{type:String},headerTempIcon:{type:[Object,String],default:i.IconVideoProjection},isRight:{type:Boolean,default:!0}},setup(n,{expose:r}){const h=n,{proxy:m}=(0,e.getCurrentInstance)();let f=(0,e.ref)(m.$i18n.global.messages[m.$i18n.global.locale].webgl);const _=1e-5,V=10;let g=(0,e.reactive)({collapseValue:h.settingParams&&h.settingParams.collapseValue||(""==(h.settingParams&&h.settingParams.collapseValue)?"":"setting"),longitude:0,minLongitude:-1e-5,maxLongitude:_,latitude:0,minLatitude:-1e-5,maxLatitude:_,height:0,minHeight:-10,maxHeight:10,heading:0,pitch:0,roll:0,videoPath:h.settingParams&&h.settingParams.videoPath||"",projectType:h.settingParams&&h.settingParams.projectType||1,fov:h.settingParams&&h.settingParams.fov||20,aspectRatio:h.settingParams&&h.settingParams.aspectRatio||1.6,far:h.settingParams&&h.settingParams.far||50,showHideLine:h.settingParams&&void 0!==h.settingParams.showHideLine||!0}),v=(0,e.ref)(!1),x=(0,e.ref)(!1),w=null,C=(0,e.ref)(null),N=(0,e.ref)(),y=(0,e.ref)(),{locale:j,messages:b}=(0,l.useI18n)(),P=(0,e.ref)(null);P.value=f.value.videoProject,(0,e.watch)((()=>j.value),((e,t)=>{f.value=b.value[e].webgl,P.value=f.value.videoProject})),(0,e.onMounted)((()=>{(0,a.updatePosition)(C.value,h),(0,e.watch)((()=>h.position),((e,t)=>{(0,a.updatePosition)(C.value,h)})),k(),(0,e.watch)((()=>h.showHeaderTemp),((t,o)=>{(0,e.nextTick)((()=>{k()}))})),t.utils.getWebMap(null,(e=>{if(e){let t={videoPath:g.videoPath,projectType:g.projectType,fov:g.fov,aspectRatio:g.aspectRatio,far:g.far,showHideLine:g.showHideLine};w=new o.Z(e,t)}}))}));const k=()=>{h.showHeaderTemp&&(N.value=(0,a.createHeaderTemp)(C.value,(0,e.toRefs)(h),y,P))};function q(e){g.videoPath=e.name;let t=URL.createObjectURL(e.raw);w.setVideoPath(t)}function T(e){switch(e){case"videoPath":w.setVideoPath(g.videoPath);break;case"projectType":w.setProjectType(g.projectType);break;case"fov":w.setFov(g.fov);break;case"aspectRatio":w.setAspectRatio(g.aspectRatio);break;case"far":w.setFar(g.far);break;case"heading":w.setHeading(g.heading);break;case"pitch":w.setPitch(g.pitch);break;case"roll":w.setRoll(g.roll);break;case"showHideLine":w.showHideLine(g.showHideLine);break;case"longitude":case"latitude":case"height":w.setPosition(g.longitude,g.latitude,g.height)}}function R(){""===g.videoPath?(0,s.Z)({message:f.value.videoPathEmpty,type:"warning"}):w&&(w.project(),function(){let e=w.getProjectCoordinate();e&&(g.longitude=Number(e.longitude.toFixed(6)),g.minLongitude=Number((g.longitude-_).toFixed(6)),g.maxLongitude=Number((g.longitude+_).toFixed(6)),g.latitude=Number(e.latitude.toFixed(6)),g.minLatitude=Number((g.latitude-_).toFixed(6)),g.maxLatitude=Number((g.latitude+_).toFixed(6)),g.height=Number(e.height.toFixed(1)),g.minHeight=g.height-V,g.maxHeight=g.height+V,v.value=!0)}(),function(){let e=w.getHeadingPitchRoll();e&&(g.heading=e.heading,g.pitch=e.pitch,g.roll=e.roll,x.value=!0)}())}function H(){w&&w.flyTo()}function L(){v.value=!1,x.value=!1,w&&w.clear()}return(0,e.onBeforeUnmount)((()=>{w&&w.destroy()})),r({paramsChanged:T,project:R,flyTo:H,clearResult:L}),(t,o)=>{const a=(0,e.resolveComponent)("kq-col"),l=(0,e.resolveComponent)("kq-icon"),r=(0,e.resolveComponent)("kq-button"),s=(0,e.resolveComponent)("kq-upload"),h=(0,e.resolveComponent)("kq-input"),m=(0,e.resolveComponent)("kq-row"),_=(0,e.resolveComponent)("kq-radio"),V=(0,e.resolveComponent)("kq-radio-group"),w=(0,e.resolveComponent)("kq-slider"),j=(0,e.resolveComponent)("kq-form-item"),b=(0,e.resolveComponent)("kq-input-number"),P=(0,e.resolveComponent)("kq-switch"),k=(0,e.resolveComponent)("kq-form"),S=(0,e.resolveComponent)("kq-collapse-item"),M=(0,e.resolveComponent)("kq-collapse");return(0,e.openBlock)(),(0,e.createElementBlock)("section",{class:(0,e.normalizeClass)(["kq3d-video-project",{"kq-box-shadow":n.showShadow}]),ref_key:"boxRef",ref:C},[n.showHeaderTemp?((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)((0,e.unref)(N)),{key:0,ref_key:"headerTempRef",ref:y},null,512)):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",d,[(0,e.createVNode)(m,{gutter:20,class:"rowClass"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:6,class:"colClass"},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("span",u,(0,e.toDisplayString)((0,e.unref)(f).videoPath),1)])),_:1}),(0,e.createVNode)(a,{span:18},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(h,{modelValue:(0,e.unref)(g).videoPath,"onUpdate:modelValue":o[0]||(o[0]=t=>(0,e.unref)(g).videoPath=t),onChange:o[1]||(o[1]=e=>T("videoPath")),placeholder:(0,e.unref)(f).videoPathPlace},{append:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{"on-change":q,"auto-upload":!1,"show-file-list":!1,accept:"video/mp4"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(r,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(l,{size:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)((0,e.unref)(i.IconFolder2))])),_:1})])),_:1})])),_:1})])),_:1},8,["modelValue","placeholder"])])),_:1})])),_:1}),(0,e.createVNode)(m,{gutter:20,class:"rowClass"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:6,class:"colClass"},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("span",c,(0,e.toDisplayString)((0,e.unref)(f).projectTo),1)])),_:1}),(0,e.createVNode)(a,{span:18},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(V,{modelValue:(0,e.unref)(g).projectType,"onUpdate:modelValue":o[4]||(o[4]=t=>(0,e.unref)(g).projectType=t)},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(_,{label:1,onChange:o[2]||(o[2]=e=>T("projectType"))},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(f).onPlane),1)])),_:1}),(0,e.createVNode)(_,{label:2,onChange:o[3]||(o[3]=e=>T("projectType"))},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(f).onModel),1)])),_:1})])),_:1},8,["modelValue"])])),_:1})])),_:1}),(0,e.createVNode)(m,{class:"kq3d-video-project-tip"},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("p",null,(0,e.toDisplayString)((0,e.unref)(f).videoProjectTips),1)])),_:1}),(0,e.createVNode)(M,{"model-value":(0,e.unref)(g).collapseValue,class:"kq3d-video-project-collapse"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(S,{title:(0,e.unref)(f).analysisSettings,name:"setting"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(k,{"label-width":"110px","label-position":"left"},{default:(0,e.withCtx)((()=>[(0,e.withDirectives)((0,e.createVNode)(m,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(j,{label:(0,e.unref)(f).longitude+"(°)"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(m,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(w,{modelValue:(0,e.unref)(g).longitude,"onUpdate:modelValue":o[5]||(o[5]=t=>(0,e.unref)(g).longitude=t),step:1e-6,min:(0,e.unref)(g).minLongitude,max:(0,e.unref)(g).maxLongitude,onChange:o[6]||(o[6]=e=>T("longitude"))},null,8,["modelValue","step","min","max"])])),_:1}),(0,e.createVNode)(a,{span:8,style:{"text-align":"left","padding-left":"8px"}},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("span",null,(0,e.toDisplayString)((0,e.unref)(g).longitude),1)])),_:1})])),_:1})])),_:1},8,["label"])])),_:1},512),[[e.vShow,(0,e.unref)(v)]]),(0,e.withDirectives)((0,e.createVNode)(m,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(j,{label:(0,e.unref)(f).latitude+"(°)"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(m,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(w,{modelValue:(0,e.unref)(g).latitude,"onUpdate:modelValue":o[7]||(o[7]=t=>(0,e.unref)(g).latitude=t),step:1e-6,min:(0,e.unref)(g).minLatitude,max:(0,e.unref)(g).maxLatitude,onChange:o[8]||(o[8]=e=>T("latitude"))},null,8,["modelValue","step","min","max"])])),_:1}),(0,e.createVNode)(a,{span:8,style:{"text-align":"left","padding-left":"8px"}},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("span",null,(0,e.toDisplayString)((0,e.unref)(g).latitude),1)])),_:1})])),_:1})])),_:1},8,["label"])])),_:1},512),[[e.vShow,(0,e.unref)(v)]]),(0,e.withDirectives)((0,e.createVNode)(m,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(j,{label:(0,e.unref)(f).height+"(m)"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(m,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(w,{modelValue:(0,e.unref)(g).height,"onUpdate:modelValue":o[9]||(o[9]=t=>(0,e.unref)(g).height=t),step:.1,min:(0,e.unref)(g).minHeight,max:(0,e.unref)(g).maxHeight,onChange:o[10]||(o[10]=e=>T("height"))},null,8,["modelValue","step","min","max"])])),_:1}),(0,e.createVNode)(a,{span:8,style:{"text-align":"left","padding-left":"8px"}},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("span",null,(0,e.toDisplayString)((0,e.unref)(g).height),1)])),_:1})])),_:1})])),_:1},8,["label"])])),_:1},512),[[e.vShow,(0,e.unref)(v)]]),(0,e.createVNode)(m,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(j,{label:(0,e.unref)(f).videoFov},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(m,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(w,{modelValue:(0,e.unref)(g).fov,"onUpdate:modelValue":o[11]||(o[11]=t=>(0,e.unref)(g).fov=t),step:1,min:10,max:120,onChange:o[12]||(o[12]=e=>T("fov"))},null,8,["modelValue"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(b,{modelValue:(0,e.unref)(g).fov,"onUpdate:modelValue":o[13]||(o[13]=t=>(0,e.unref)(g).fov=t),step:1,min:10,max:120,"controls-position":"right",onChange:o[14]||(o[14]=e=>T("fov"))},null,8,["modelValue"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1}),(0,e.createVNode)(m,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(j,{label:(0,e.unref)(f).aspectRatio},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(m,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(w,{modelValue:(0,e.unref)(g).aspectRatio,"onUpdate:modelValue":o[15]||(o[15]=t=>(0,e.unref)(g).aspectRatio=t),step:.01,min:.5,max:2,onChange:o[16]||(o[16]=e=>T("aspectRatio"))},null,8,["modelValue","step","min"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(b,{modelValue:(0,e.unref)(g).aspectRatio,"onUpdate:modelValue":o[17]||(o[17]=t=>(0,e.unref)(g).aspectRatio=t),step:.01,min:.5,max:2,"controls-position":"right",onChange:o[18]||(o[18]=e=>T("aspectRatio"))},null,8,["modelValue","step","min"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1}),(0,e.createVNode)(m,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(j,{label:(0,e.unref)(f).farDistance},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(m,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(w,{modelValue:(0,e.unref)(g).far,"onUpdate:modelValue":o[19]||(o[19]=t=>(0,e.unref)(g).far=t),step:.1,min:10,max:200,onChange:o[20]||(o[20]=e=>T("far"))},null,8,["modelValue","step"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(b,{modelValue:(0,e.unref)(g).far,"onUpdate:modelValue":o[21]||(o[21]=t=>(0,e.unref)(g).far=t),step:.1,min:10,max:200,"controls-position":"right",onChange:o[22]||(o[22]=e=>T("far"))},null,8,["modelValue","step"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1}),(0,e.withDirectives)((0,e.createVNode)(m,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(j,{label:(0,e.unref)(f).heading},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(m,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(w,{modelValue:(0,e.unref)(g).heading,"onUpdate:modelValue":o[23]||(o[23]=t=>(0,e.unref)(g).heading=t),step:1,min:0,max:360,onChange:o[24]||(o[24]=e=>T("heading"))},null,8,["modelValue"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(b,{modelValue:(0,e.unref)(g).heading,"onUpdate:modelValue":o[25]||(o[25]=t=>(0,e.unref)(g).heading=t),step:1,min:0,max:360,"controls-position":"right",onChange:o[26]||(o[26]=e=>T("heading"))},null,8,["modelValue"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1},512),[[e.vShow,(0,e.unref)(x)]]),(0,e.withDirectives)((0,e.createVNode)(m,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(j,{label:(0,e.unref)(f).pitch},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(m,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(w,{modelValue:(0,e.unref)(g).pitch,"onUpdate:modelValue":o[27]||(o[27]=t=>(0,e.unref)(g).pitch=t),step:1,min:-90,max:90,onChange:o[28]||(o[28]=e=>T("pitch"))},null,8,["modelValue"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(b,{modelValue:(0,e.unref)(g).pitch,"onUpdate:modelValue":o[29]||(o[29]=t=>(0,e.unref)(g).pitch=t),step:1,min:-90,max:90,"controls-position":"right",onChange:o[30]||(o[30]=e=>T("pitch"))},null,8,["modelValue"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1},512),[[e.vShow,(0,e.unref)(x)]]),(0,e.withDirectives)((0,e.createVNode)(m,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(j,{label:(0,e.unref)(f).roll},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(m,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(w,{modelValue:(0,e.unref)(g).roll,"onUpdate:modelValue":o[31]||(o[31]=t=>(0,e.unref)(g).roll=t),step:1,min:0,max:360,onChange:o[32]||(o[32]=e=>T("roll"))},null,8,["modelValue"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(b,{modelValue:(0,e.unref)(g).roll,"onUpdate:modelValue":o[33]||(o[33]=t=>(0,e.unref)(g).roll=t),step:1,min:0,max:360,"controls-position":"right",onChange:o[34]||(o[34]=e=>T("roll"))},null,8,["modelValue"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1},512),[[e.vShow,(0,e.unref)(x)]]),(0,e.createVNode)(m,{style:{"margin-bottom":"8px"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(j,{label:(0,e.unref)(f).showHideLine},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(m,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{style:{"text-align":"left"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(P,{modelValue:(0,e.unref)(g).showHideLine,"onUpdate:modelValue":o[35]||(o[35]=t=>(0,e.unref)(g).showHideLine=t),"controls-position":"left",onChange:o[36]||(o[36]=e=>T("showHideLine"))},null,8,["modelValue"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1})])),_:1})])),_:1},8,["title"])])),_:1},8,["model-value"]),(0,e.createElementVNode)("div",p,[(0,e.createVNode)(r,{onClick:o[37]||(o[37]=(0,e.withModifiers)((e=>R()),["stop"])),title:(0,e.unref)(f).project,type:"primary"},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(f).project),1)])),_:1},8,["title"]),(0,e.createVNode)(r,{onClick:o[38]||(o[38]=(0,e.withModifiers)((e=>H()),["stop"])),title:(0,e.unref)(f).flyTo,type:"primary"},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(f).flyTo),1)])),_:1},8,["title"]),(0,e.createVNode)(r,{onClick:o[39]||(o[39]=(0,e.withModifiers)((e=>L()),["stop"])),title:(0,e.unref)(f).clear},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(f).clear),1)])),_:1},8,["title"])])])],2)}}}),f=n(7997),_=n.n(f);m.install=(e,t)=>{_()(e,t),e.component(m.name,m)}}(),r}()}));