@kq_npm/client3d_webgl_vue/scenetohdimage/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,n,i){return function(){"use strict";var o={5749:function(e,t,n){n.d(t,{Z:function(){return i}});class i{_viewer=null;_options=null;_canvasToImage=null;_exportPictureRegion=null;constructor(e,t){this._viewer=e._viewer,this._options=t,this._viewer.enabledFXAA=!0,this._exportPictureRegion=document.createElement("div"),this._exportPictureRegion.class="export-picture-region",this._exportPictureRegion.id="exportPictureRegion",document.getElementById(this._viewer._container.id).parentNode.insertBefore(this._exportPictureRegion,null),document.getElementById(this._viewer._container.id).classList.add("scene-to-hd-image-viewer"),this._canvasToImage=new Cesium.Kq3dCanvasToImage(this._viewer._container.id,{viewer:this._viewer,canvas:this._viewer.scene.canvas}),this.resizeExportRegionSize()}resizeExportRegionSize(){document.getElementById("exportPictureRegion").style.width=Number(this._options.imgWidth)*Number(this._options.pantographRatio)+"px",document.getElementById("exportPictureRegion").style.height=Number(this._options.imgHeight)*Number(this._options.pantographRatio)+"px"}sceneToImages(){var e=Number(this._options.imgWidth),t=Number(this._options.imgHeight),n=Number(this._options.screenWidth),i=Number(this._options.screenHeight),o={width:e,height:t,type:this._options.imgFormat};if(e==n&&t==i)this._canvasToImage.saveAsimages(this._viewer.scene.canvas,o);else{this._viewer.render();var a=(n-e)/2,r=(i-t)/2,l=document.createElement("canvas");l.width=e,l.height=t,l.getContext("2d").drawImage(this._viewer.canvas,a,r,e,t,0,0,e,t),this._canvasToImage.saveAsimages(l,o)}}scaleCesiumContainer(){document.getElementById(this._viewer._container.id).style.width=Number(this._options.screenWidth)+"px",document.getElementById(this._viewer._container.id).style.height=Number(this._options.screenHeight)+"px"}changeDisplayArea(){document.getElementById("exportPictureRegion").style.display=this._options.displayArea?"block":"none"}changPantographRatio(){this._viewer.container.style.transform=`translate(-50%,-50%) scale(${this._options.pantographRatio})`,this.resizeExportRegionSize()}destroy(){document.getElementById(this._viewer._container.id).classList.remove("scene-to-hd-image-viewer"),document.getElementById(this._viewer._container.id).removeAttribute("style"),document.getElementById("exportPictureRegion").remove()}}},348:function(e){e.exports=require("@kq_npm/client_icons_vue")},7080:function(e){e.exports=require("vue-i18n/dist/vue-i18n.cjs.js")},7135:function(e){e.exports=t},3458:function(e){e.exports=n},7997:function(e){e.exports=i},1895:function(t){t.exports=e}},a={};function r(e){var t=a[e];if(void 0!==t)return t.exports;var n=a[e]={exports:{}};return o[e](n,n.exports,r),n.exports}r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return function(){r.r(l),r.d(l,{SceneToHDImageViewModel:function(){return n.Z},default:function(){return c}});var e=r(1895),t=r(7135),n=r(5749),i=r(348),o=r(3458),a=r(7080);const s={class:"kq3d-scene-to-hd-image-box"},u={class:"kq3d-scene-to-hd-image-footer"},d={name:"Kq3dSceneToHDImage"};var c=Object.assign(d,{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.IconHighDefinitionImaging},isRight:{type:Boolean,default:!0}},setup(i,{expose:r}){const l=i,{proxy:d}=(0,e.getCurrentInstance)();let c=(0,e.ref)(""),m=(0,e.ref)(d.$i18n.global.messages[d.$i18n.global.locale].webgl),p={},h=(0,e.reactive)({collapseValue:l.settingParams&&l.settingParams.collapseValue||(""==(l.settingParams&&l.settingParams.collapseValue)?"":"screenParameter"),screenWidth:100,minScreenWidth:0,maxScreenWidth:1920,screenHeight:100,minScreenHeight:0,maxScreenHeight:900,displayArea:l.settingParams&&l.settingParams.displayArea||!0,imgWidth:100,imgHeight:100,imgFormat:l.settingParams&&l.settingParams.imgFormat||"jpg",pantographRatio:1}),g=(0,e.ref)(null),f=(0,e.ref)(),_=(0,e.ref)(),{locale:x,messages:v}=(0,a.useI18n)(),V=(0,e.ref)(null);V.value=m.value.sceneToHDImage,(0,e.watch)((()=>x.value),((e,t)=>{m.value=v.value[e].webgl,V.value=m.value.sceneToHDImage})),(0,e.onMounted)((()=>{(0,o.updatePosition)(g.value,l),(0,e.watch)((()=>l.position),((e,t)=>{(0,o.updatePosition)(g.value,l)})),w(),(0,e.watch)((()=>l.showHeaderTemp),((t,n)=>{(0,e.nextTick)((()=>{w()}))})),c.value=d.$i18n.locale,t.utils.getWebMap(null,(e=>{var t,i,o;e&&(t=e._viewer._container.id,i=1920,o=1024,i=document.getElementById(t).clientWidth,o=document.getElementById(t).clientHeight,h.screenWidth=i,h.screenHeight=o,h.maxScreenWidth=i,h.maxScreenHeight=o,h.imgWidth=parseInt(i/5*4),h.imgHeight=parseInt(o/5*4),p=new n.Z(e,h))}))}));const w=()=>{l.showHeaderTemp&&(f.value=(0,o.createHeaderTemp)(g.value,(0,e.toRefs)(l),_,V))};function y(e){if(p&&p._options)switch(p._options[e]=h[e],e){case"displayArea":p.changeDisplayArea();break;case"screenWidth":case"screenHeight":p.scaleCesiumContainer();break;case"imgWidth":case"imgHeight":p.resizeExportRegionSize();break;case"pantographRatio":p.changPantographRatio()}}return(0,e.onBeforeUnmount)((()=>{p&&p.destroy()})),r({}),(t,n)=>{const o=(0,e.resolveComponent)("kq-slider"),a=(0,e.resolveComponent)("kq-col"),r=(0,e.resolveComponent)("kq-input-number"),l=(0,e.resolveComponent)("kq-row"),d=(0,e.resolveComponent)("kq-form-item"),c=(0,e.resolveComponent)("kq-switch"),x=(0,e.resolveComponent)("kq-form"),v=(0,e.resolveComponent)("kq-collapse-item"),V=(0,e.resolveComponent)("kq-option"),w=(0,e.resolveComponent)("kq-select"),C=(0,e.resolveComponent)("kq-collapse"),N=(0,e.resolveComponent)("kq-button");return(0,e.openBlock)(),(0,e.createElementBlock)("section",{class:(0,e.normalizeClass)(["kq3d-scene-to-hd-image",{"kq-box-shadow":i.showShadow}]),ref_key:"boxRef",ref:g},[i.showHeaderTemp?((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)((0,e.unref)(f)),{key:0,ref_key:"headerTempRef",ref:_},null,512)):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",s,[(0,e.createVNode)(C,{"model-value":(0,e.unref)(h).collapseValue},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(v,{class:"scene-content",title:(0,e.unref)(m).screenParameter,name:"screenParameter"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(x,{"label-width":"100px","label-position":"left"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(l,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(d,{label:(0,e.unref)(m).screenWidth},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(l,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(o,{modelValue:(0,e.unref)(h).screenWidth,"onUpdate:modelValue":n[0]||(n[0]=t=>(0,e.unref)(h).screenWidth=t),step:1,min:(0,e.unref)(h).minScreenWidth,max:(0,e.unref)(h).maxScreenWidth,onChange:n[1]||(n[1]=e=>y("screenWidth"))},null,8,["modelValue","min","max"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(r,{modelValue:(0,e.unref)(h).screenWidth,"onUpdate:modelValue":n[2]||(n[2]=t=>(0,e.unref)(h).screenWidth=t),min:(0,e.unref)(h).minScreenWidth,max:(0,e.unref)(h).maxScreenWidth,step:1,"controls-position":"right",onChange:n[3]||(n[3]=e=>y("screenWidth"))},null,8,["modelValue","min","max"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1}),(0,e.createVNode)(l,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(d,{label:(0,e.unref)(m).screenHeight},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(l,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(o,{modelValue:(0,e.unref)(h).screenHeight,"onUpdate:modelValue":n[4]||(n[4]=t=>(0,e.unref)(h).screenHeight=t),step:1,min:(0,e.unref)(h).minScreenHeight,max:(0,e.unref)(h).maxScreenHeight,onChange:n[5]||(n[5]=e=>y("screenHeight"))},null,8,["modelValue","min","max"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(r,{modelValue:(0,e.unref)(h).screenHeight,"onUpdate:modelValue":n[6]||(n[6]=t=>(0,e.unref)(h).screenHeight=t),min:(0,e.unref)(h).minScreenHeight,max:(0,e.unref)(h).maxScreenHeight,step:1,"controls-position":"right",onChange:n[7]||(n[7]=e=>y("screenHeight"))},null,8,["modelValue","min","max"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1}),(0,e.createVNode)(l,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(d,{label:(0,e.unref)(m).pantographRatio},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(l,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(o,{modelValue:(0,e.unref)(h).pantographRatio,"onUpdate:modelValue":n[8]||(n[8]=t=>(0,e.unref)(h).pantographRatio=t),step:.01,min:.01,max:1,onChange:n[9]||(n[9]=e=>y("pantographRatio"))},null,8,["modelValue","step","min"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(r,{modelValue:(0,e.unref)(h).pantographRatio,"onUpdate:modelValue":n[10]||(n[10]=t=>(0,e.unref)(h).pantographRatio=t),step:.01,min:.01,max:1,"controls-position":"right",onChange:n[11]||(n[11]=e=>y("pantographRatio"))},null,8,["modelValue","step","min"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1}),(0,e.createVNode)(l,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(d,{label:(0,e.unref)(m).displayArea},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(l,{style:{"text-align":"left"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:24,style:{}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(c,{modelValue:(0,e.unref)(h).displayArea,"onUpdate:modelValue":n[12]||(n[12]=t=>(0,e.unref)(h).displayArea=t),"controls-position":"left",onChange:n[13]||(n[13]=e=>y("displayArea"))},null,8,["modelValue"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1})])),_:1})])),_:1},8,["title"]),(0,e.createVNode)(v,{class:"kq3d-scene-to-hd-image-collapse-item",title:(0,e.unref)(m).pictureSpecification,name:"pictureSpecification"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(x,{"label-width":"100px","label-position":"left"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(l,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(d,{label:(0,e.unref)(m).imgFormat},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(l,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(w,{modelValue:(0,e.unref)(h).imgFormat,"onUpdate:modelValue":n[14]||(n[14]=t=>(0,e.unref)(h).imgFormat=t),onChange:n[15]||(n[15]=e=>y("imgFormat")),style:{width:"100%"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(V,{label:"JPG",value:"jpg"}),(0,e.createVNode)(V,{label:"PNG",value:"png"}),(0,e.createVNode)(V,{label:"BMP",value:"bmp"}),(0,e.createVNode)(V,{label:"JPEG",value:"jpeg"})])),_:1},8,["modelValue"])])),_:1})])),_:1},8,["label"])])),_:1}),(0,e.createVNode)(l,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(d,{label:(0,e.unref)(m).imgWidth+"(px)"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(l,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(o,{modelValue:(0,e.unref)(h).imgWidth,"onUpdate:modelValue":n[16]||(n[16]=t=>(0,e.unref)(h).imgWidth=t),step:1,min:(0,e.unref)(h).minImgWidth,max:(0,e.unref)(h).screenWidth,onChange:n[17]||(n[17]=e=>y("imgWidth"))},null,8,["modelValue","min","max"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(r,{modelValue:(0,e.unref)(h).imgWidth,"onUpdate:modelValue":n[18]||(n[18]=t=>(0,e.unref)(h).imgWidth=t),min:(0,e.unref)(h).minImgWidth,max:(0,e.unref)(h).screenWidth,step:1,"controls-position":"right",onChange:n[19]||(n[19]=e=>y("imgWidth"))},null,8,["modelValue","min","max"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1}),(0,e.createVNode)(l,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(d,{label:(0,e.unref)(m).imgHeight+"(px)"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(l,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(o,{modelValue:(0,e.unref)(h).imgHeight,"onUpdate:modelValue":n[20]||(n[20]=t=>(0,e.unref)(h).imgHeight=t),step:1,min:(0,e.unref)(h).minImgHeight,max:(0,e.unref)(h).screenHeight,onChange:n[21]||(n[21]=e=>y("imgHeight"))},null,8,["modelValue","min","max"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(r,{modelValue:(0,e.unref)(h).imgHeight,"onUpdate:modelValue":n[22]||(n[22]=t=>(0,e.unref)(h).imgHeight=t),min:(0,e.unref)(h).minImgHeight,max:(0,e.unref)(h).screenHeight,step:1,"controls-position":"right",onChange:n[23]||(n[23]=e=>y("imgHeight"))},null,8,["modelValue","min","max"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1})])),_:1})])),_:1},8,["title"])])),_:1},8,["model-value"]),(0,e.createElementVNode)("div",u,[(0,e.createVNode)(N,{onClick:n[24]||(n[24]=(0,e.withModifiers)((e=>{p&&p.sceneToImages()}),["stop"])),title:(0,e.unref)(m).sceneToHDImageTips,type:"primary"},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(m).sceneToHDImageTips),1)])),_:1},8,["title"])])])],2)}}}),m=r(7997),p=r.n(m);c.install=(e,t)=>{p()(e,t),e.component(c.name,c)}}(),l}()}));