UNPKG

@kq_npm/client3d_webgl_vue

Version:

KQGIS Client3D for Vue.js

1 lines 12.1 kB
!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/init.js"),require("@kq_npm/client_common_vue/_utils/util")):"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/init.js","@kq_npm/client_common_vue/_utils/util"],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/init.js"),require("@kq_npm/client_common_vue/_utils/util")):e["@kq_npm/client3d_webgl_vue"]=t(e.Vue,e["@kq_npm/client_common_vue/_utils/gis-utils"],e["@kq_npm/client_common_vue/init.js"],e["@kq_npm/client_common_vue/_utils/util"])}(this,(function(e,t,l,a){return function(){"use strict";var i={1705:function(e,t,l){var a=l(9389),i=l(7997),o=l.n(i);a.ElMessage.install=(e,t)=>{o()(e,t),e.component("KqMessage",a.ElMessage)},t.Z=a.ElMessage},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=a},7997:function(e){e.exports=l},1895:function(t){t.exports=e}},o={};function n(e){var t=o[e];if(void 0!==t)return t.exports;var l=o[e]={exports:{}};return i[e](l,l.exports,n),l.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 l in t)n.o(t,l)&&!n.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},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,{ExcavateFillAnalysisViewModel:function(){return a},default:function(){return g}});var e=n(1895),t=n(7135),l=n(1705);class a{_excavateFillAnalysis=null;_drawManager=null;_options=null;_language={};constructor(e,t,l){this._language=e._language,t.viewer=e._viewer,t.viewer.scene.globe.depthTestAgainstTerrain=!0,t.cutColor&&(t.cutColor=Cesium.Color.fromCssColorString(t.cutColor).withAlpha(.7)),t.fillColor&&(t.fillColor=Cesium.Color.fromCssColorString(t.fillColor).withAlpha(.7)),this._options=t,this._drawManager=e._drawManager,this.callback=l}coordinateTransform(e){return e.map((function(e){let t=Cesium.Cartographic.fromCartesian(e);return t.longitude=t.longitude/Math.PI*180,t.latitude=t.latitude/Math.PI*180,{longitude:t.longitude,latitude:t.latitude,height:t.height}}))}start(){var e=this;this._options.viewer.terrainProvider.availability?this._options.viewer.terrainProvider&&!this._options.viewer.terrainProvider._heightmapStructure?this._drawManager.startDraw("polygon",{clampToGround:!0},((t,{shape:l})=>{l.groupName&&"ExcavateFillAnalysisDraw"===l.groupName&&(l&&(e._options.positions=e.coordinateTransform(l._controlPoints),e._excavateFillAnalysis=new Cesium.Kq3dCutFill(e._options),e.callback&&e.callback()),e._drawManager.clearDrawGroup("ExcavateFillAnalysisDraw"))}),"ExcavateFillAnalysisDraw"):(0,l.Z)({message:this._language.stkTerrainAnalysisTips,type:"warning"}):(0,l.Z)({message:this._language.terrainAnalysisTips,type:"warning"})}clear(){this._drawManager.stopDraw(),this._excavateFillAnalysis&&this._excavateFillAnalysis.removeAll()}destroy(){this.clear(),this._excavateFillAnalysis=null}setReferenceHeight(e){this._options.referenceHeight=Number(e),this._excavateFillAnalysis&&(this._excavateFillAnalysis.referenceHeight=Number(e))}setCutColor(e){this._options.cutColor=Cesium.Color.fromCssColorString(e).withAlpha(.7),this._excavateFillAnalysis&&(this._excavateFillAnalysis.cutColor=this._options.cutColor)}setFillColor(e){this._options.fillColor=Cesium.Color.fromCssColorString(e).withAlpha(.7),this._excavateFillAnalysis&&(this._excavateFillAnalysis.fillColor=this._options.fillColor)}}var i=n(348),o=n(3458),s=n(7080);const u={class:"kq3d-excavate-fill-analysis-box"},c={class:"kq3d-excavate-fill-analysis-content"},d={class:"kq3d-excavate-fill-analysis-footer"},m={key:0,class:"kq3d-excavate-fill-analysis-result"},f={class:"kq3d-excavate-fill-analysis-result-div"},p={class:"title"},v={name:"Kq3dExcavateFillAnalysis"};var g=Object.assign(v,{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.IconExcavateFillAnalysis},isRight:{type:Boolean,default:!0}},setup(l,{expose:i}){const n=l,{proxy:r}=(0,e.getCurrentInstance)();let v=(0,e.ref)(""),g=(0,e.ref)(r.$i18n.global.messages[r.$i18n.global.locale].webgl),h=(0,e.ref)(!1),_=(0,e.reactive)({cutVolumn:"NaN",fillVolumn:"NaN"}),x=(0,e.reactive)({collapseValue:n.settingParams&&n.settingParams.collapseValue||(""==(n.settingParams&&n.settingParams.collapseValue)?"":"setting"),altitudeHeight:n.settingParams&&n.settingParams.altitudeHeight||3e3,minAltitudeHeight:n.settingParams&&n.settingParams.minAltitudeHeight||0,maxAltitudeHeight:n.settingParams&&n.settingParams.maxAltitudeHeight||5e3,excavateColor:n.settingParams&&n.settingParams.excavateColor||"#25982c",fillColor:n.settingParams&&n.settingParams.fillColor||"#d9cc1c"}),C=null,y=(0,e.ref)(null),w=(0,e.ref)(),V=(0,e.ref)(),{locale:k,messages:q}=(0,s.useI18n)(),b=(0,e.ref)(null);b.value=g.value.excavateFillAnalysis,(0,e.watch)((()=>k.value),((e,t)=>{g.value=q.value[e].webgl,b.value=g.value.excavateFillAnalysis})),(0,e.onMounted)((()=>{(0,o.updatePosition)(y.value,n),(0,e.watch)((()=>n.position),((e,t)=>{(0,o.updatePosition)(y.value,n)})),N(),(0,e.watch)((()=>n.showHeaderTemp),((t,l)=>{(0,e.nextTick)((()=>{N()}))})),v.value=r.$i18n.locale,t.utils.getWebMap(null,(e=>{if(e){var t={referenceHeight:x.altitudeHeight,cutColor:x.excavateColor,fillColor:x.fillColor};C=new a(e,t,(function(){setTimeout((()=>{h.value=!0;const e=C._excavateFillAnalysis.cutVolumn;_.cutVolumn=e>1e9?(e/1e9).toFixed(2)+" km³":e.toFixed(2)+" m³";const t=C._excavateFillAnalysis.fillVolumn;_.fillVolumn=t>1e9?(t/1e9).toFixed(2)+" km³":t.toFixed(2)+" m³"}),500)}))}}))}));const N=()=>{n.showHeaderTemp&&(w.value=(0,o.createHeaderTemp)(y.value,(0,e.toRefs)(n),V,b))};function A(){h.value=!1,C&&C.clear(),C&&C.start()}function F(){h.value=!1,C&&C.clear()}function H(e){switch(e){case"height":if(C.setReferenceHeight(x.altitudeHeight),h.value){const e=C._excavateFillAnalysis.cutVolumn;_.cutVolumn=e>1e9?(e/1e9).toFixed(2)+" km³":e.toFixed(2)+" m³";const t=C._excavateFillAnalysis.fillVolumn;_.fillVolumn=t>1e9?(t/1e9).toFixed(2)+" km³":t.toFixed(2)+" m³"}break;case"cutColor":C.setCutColor(x.excavateColor);break;case"fillColor":C.setFillColor(x.fillColor)}}return(0,e.onBeforeUnmount)((()=>{C&&C.destroy()})),i({startAnalysis:A,paramsChanged:H,clearResult:F}),(t,a)=>{const i=(0,e.resolveComponent)("kq-slider"),o=(0,e.resolveComponent)("kq-col"),n=(0,e.resolveComponent)("kq-input-number"),r=(0,e.resolveComponent)("kq-row"),s=(0,e.resolveComponent)("kq-color-picker"),C=(0,e.resolveComponent)("kq-form-item"),k=(0,e.resolveComponent)("kq-form"),q=(0,e.resolveComponent)("kq-collapse-item"),b=(0,e.resolveComponent)("kq-collapse"),N=(0,e.resolveComponent)("kq-button");return(0,e.openBlock)(),(0,e.createElementBlock)("section",{class:(0,e.normalizeClass)(["kq3d-excavate-fill-analysis",{"kq-box-shadow":l.showShadow}]),ref_key:"boxRef",ref:y},[l.showHeaderTemp?((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)((0,e.unref)(w)),{key:0,ref_key:"headerTempRef",ref:V},null,512)):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",u,[(0,e.createVNode)(r,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("div",{class:"kq3d-excavate-fill-analysis-label",style:(0,e.normalizeStyle)({width:"zh"===(0,e.unref)(v)?"100px":"130px"})},(0,e.toDisplayString)((0,e.unref)(g).altitudeHeight),5),(0,e.createElementVNode)("div",c,[(0,e.createVNode)(r,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(o,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(i,{modelValue:(0,e.unref)(x).altitudeHeight,"onUpdate:modelValue":a[0]||(a[0]=t=>(0,e.unref)(x).altitudeHeight=t),step:100,min:(0,e.unref)(x).minAltitudeHeight,max:(0,e.unref)(x).maxAltitudeHeight,onChange:a[1]||(a[1]=e=>H("height"))},null,8,["modelValue","min","max"])])),_:1}),(0,e.createVNode)(o,{span:8,style:{"text-align":"end"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(n,{modelValue:(0,e.unref)(x).altitudeHeight,"onUpdate:modelValue":a[2]||(a[2]=t=>(0,e.unref)(x).altitudeHeight=t),min:(0,e.unref)(x).minAltitudeHeight,step:100,max:(0,e.unref)(x).maxAltitudeHeight,"controls-position":"right",onChange:a[3]||(a[3]=e=>H("height"))},null,8,["modelValue","min","max"])])),_:1})])),_:1})])])),_:1}),(0,e.createVNode)(r,{class:"kq3d-excavate-fill-analysis-tip"},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("p",null,(0,e.toDisplayString)((0,e.unref)(g).excavateFillTips),1)])),_:1}),(0,e.createVNode)(b,{"model-value":(0,e.unref)(x).collapseValue},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(q,{title:(0,e.unref)(g).analysisSettings,name:"setting"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(k,{"label-width":"zh"===(0,e.unref)(v)?"90px":"70px","label-position":"left"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(r,{gutter:20},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(o,{span:12},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(C,{label:(0,e.unref)(g).efillColor},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{modelValue:(0,e.unref)(x).fillColor,"onUpdate:modelValue":a[4]||(a[4]=t=>(0,e.unref)(x).fillColor=t),onChange:a[5]||(a[5]=e=>H("fillColor"))},null,8,["modelValue"])])),_:1},8,["label"])])),_:1}),(0,e.createVNode)(o,{span:12},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(C,{label:(0,e.unref)(g).excavateColor},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{modelValue:(0,e.unref)(x).excavateColor,"onUpdate:modelValue":a[6]||(a[6]=t=>(0,e.unref)(x).excavateColor=t),onChange:a[7]||(a[7]=e=>H("cutColor"))},null,8,["modelValue"])])),_:1},8,["label"])])),_:1})])),_:1})])),_:1},8,["label-width"])])),_:1},8,["title"])])),_:1},8,["model-value"]),(0,e.createElementVNode)("div",d,[(0,e.createVNode)(N,{onClick:a[8]||(a[8]=(0,e.withModifiers)((e=>A()),["stop"])),title:(0,e.unref)(g).startAnalysis,type:"primary"},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(g).startAnalysis),1)])),_:1},8,["title"]),(0,e.createVNode)(N,{onClick:a[9]||(a[9]=(0,e.withModifiers)((e=>F()),["stop"])),title:(0,e.unref)(g).clearResult},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(g).clearResult),1)])),_:1},8,["title"])]),(0,e.unref)(h)?((0,e.openBlock)(),(0,e.createElementBlock)("div",m,[(0,e.createElementVNode)("div",f,[(0,e.createVNode)(r,{class:"kq3d-excavate-fill-analysis-result-title"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(o,{span:18},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("span",p,(0,e.toDisplayString)((0,e.unref)(g).analysisResult),1)])),_:1}),(0,e.createCommentVNode)(' <kq-col :span="6" class="btn">\r\n <kq-icon @click="closeBtn()">\r\n <Close />\r\n </kq-icon>\r\n </kq-col> ')])),_:1}),(0,e.createElementVNode)("div",null,[(0,e.createVNode)(r,null,{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(g).excavateArea)+":"+(0,e.toDisplayString)((0,e.unref)(_).cutVolumn),1)])),_:1}),(0,e.createVNode)(r,null,{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(g).fillArea)+":"+(0,e.toDisplayString)((0,e.unref)(_).fillVolumn),1)])),_:1})])])])):(0,e.createCommentVNode)("v-if",!0)])],2)}}}),h=n(7997),_=n.n(h);g.install=(e,t)=>{_()(e,t),e.component(g.name,g)}}(),r}()}));