UNPKG

@kq_npm/client3d_webgl_vue

Version:

KQGIS Client3D for Vue.js

1 lines 14 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,i){return function(){"use strict";var a={1705:function(e,t,l){var i=l(9389),a=l(7997),n=l.n(a);i.ElMessage.install=(e,t)=>{n()(e,t),e.component("KqMessage",i.ElMessage)},t.Z=i.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=i},7997:function(e){e.exports=l},1895:function(t){t.exports=e}},n={};function s(e){var t=n[e];if(void 0!==t)return t.exports;var l=n[e]={exports:{}};return a[e](l,l.exports,s),l.exports}s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,{a:t}),t},s.d=function(e,t){for(var l in t)s.o(t,l)&&!s.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return function(){s.r(o),s.d(o,{PlaneClipViewModel:function(){return i},default:function(){return _}});var e=s(1895),t=s(7135),l=s(1705);class i{_viewer=null;_options={};_defaultOptions={x:0,y:0,z:0,angle:0,boxColor:Cesium.Color.fromCssColorString("#316882").withAlpha(.4),clipEdgeWidth:4,clipEdgeColorLables:"#63cf25",clipEdgeColor:Cesium.Color.fromCssColorString("#63cf25"),clipEdgeWidth:3,paddingFill:!0,paddingFillColor:Cesium.Color.fromCssColorString("#1c6920"),paddingFillColorLabel:"#1c6920",paddingFillColorAlpha:.7,paddingStroke:!0,paddingStrokeColor:Cesium.Color.fromCssColorString("#dd2bff"),paddingStrokeColorLabel:"#dd2bff",paddingStrokeColorAlpha:1,paddingStrokeSize:7,paddingStrokeSoftSize:2,paddingStrokeDirection:30,paddingStrokeSpace:7};_planeclipAnalysis=null;_drawManager=null;_language={};callbackParams=null;constructor(e,l,i){this._options=Object.assign({},l,this._defaultOptions),this._viewer=e._viewer,this._options.viewer=this._viewer,this._language=e._language,this._drawManager=e._drawManager,this.callbackParams=i,this._resetListData=this._resetListData.bind(this),t.mapViewUtils.bindViewEvents("resetLayerDatas",this._resetListData,e._viewerId)}_resetListData(e){e.eventTarget&&e.eventTarget===this||this.callbackParams&&this.callbackParams("setData")}findLayers(){let e=[];const t=this._options.viewer.scene.primitives._primitives;for(let l=0;l<t.length;l++)if(t[l]instanceof Cesium.Cesium3DTileset){if(!t[l].show)continue;e.push({guid:t[l].guid,name:t[l].name?t[l].name:t[l].guid})}return e}findLayerById(e){return this._options.viewer.scene.primitives._primitives.find((function(t){return t.guid===e}))}start(){let e=this;var t=!1,i=this._options.viewer.scene.primitives._primitives;for(let e=0;e<i.length;e++)i[e]._url&&i[e].show&&(t=!0);t?this._drawManager&&this._drawManager.startDraw("marker",{image:null},((t,{shape:l})=>{l.groupName&&"PlaneClipDraw"===l.groupName&&(l&&(e._options.position=l.position,e._planeclipAnalysis=new Cesium.Kq3dBoxClip(e._options)),e._drawManager&&e._drawManager.clearDrawGroup("PlaneClipDraw"))}),"PlaneClipDraw"):(0,l.Z)({message:this._language.addModelAnalysisTips,type:"warning"})}clear(){this._planeclipAnalysis&&(this._planeclipAnalysis.boxEnable=!1),this._planeclipAnalysis&&this._planeclipAnalysis.remove()}destroy(){this.clear(),this._planeclipAnalysis&&this._planeclipAnalysis.destroy(),this._planeclipAnalysis=null,t.mapViewUtils.offViewEvents("resetLayerDatas",this._resetListData,this._viewer._container.id)}setLayer(e){this.clear(),this._options.tileset=this.findLayerById(e)}setClipDirection(e){this._options.clipType=e,this._planeclipAnalysis&&(this._planeclipAnalysis.clipType=e)}setClipType(e){this._options.reverseClip=e,this._planeclipAnalysis&&(this._planeclipAnalysis.reverseClip=e,this._planeclipAnalysis.distance=this._options.distance)}setEnable(e){this._options.enable=e,this._planeclipAnalysis&&(this._planeclipAnalysis.enable=e,this._planeclipAnalysis.boxEnable=this._options.boxEnable)}setShowBox(e){this._options.boxEnable=e,this._planeclipAnalysis&&(this._planeclipAnalysis.boxEnable=e)}setDistance(e){4==this._options.clipType?this._options.distance=-Number(e):this._options.distance=Number(e),this._planeclipAnalysis&&(this._planeclipAnalysis.distance=this._options.distance)}}var a=s(348),n=s(3458),r=s(7080);const p={class:"kq3d-plane-clip-box"},c={class:"kq3d-plane-clip-span"},u={class:"kq3d-plane-clip-span"},d={class:"kq3d-plane-clip-span"},m={class:"kq3d-plane-clip-footer"},f={name:"Kq3dPlaneClip"};var _=Object.assign(f,{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:a.IconPlaneClip},isRight:{type:Boolean,default:!0}},setup(l,{expose:a}){const s=l,{proxy:o}=(0,e.getCurrentInstance)();let f=(0,e.ref)(""),_=(0,e.ref)(o.$i18n.global.messages[o.$i18n.global.locale].webgl),h=(0,e.ref)([]),C=(0,e.reactive)({collapseValue:s.settingParams&&s.settingParams.collapseValue||(""==(s.settingParams&&s.settingParams.collapseValue)?"":"setting"),tileset:s.settingParams&&s.settingParams.tileset||null,clipDirection:s.settingParams&&s.settingParams.clipDirection||2,reverseClip:!(!s.settingParams||void 0===s.settingParams.reverseClip)&&s.settingParams.reverseClip,enableClip:s.settingParams&&void 0!==s.settingParams.enableClip||!0,boxEnable:s.settingParams&&void 0!==s.settingParams.boxEnable||!1,clipDistance:s.settingParams&&s.settingParams.clipDistance||0}),g=null,v=(0,e.ref)(null),b=(0,e.ref)(),w=(0,e.ref)(),{locale:y,messages:x}=(0,r.useI18n)(),V=(0,e.ref)(null);function k(e,t){g&&(h.value=g.findLayers(),C.tileset="",h.value.length>0&&(C.tileset=h.value[0].guid),N("tileset"))}V.value=_.value.planeClip,(0,e.watch)((()=>y.value),((e,t)=>{_.value=x.value[e].webgl,V.value=_.value.planeClip})),(0,e.onMounted)((()=>{(0,n.updatePosition)(v.value,s),(0,e.watch)((()=>s.position),((e,t)=>{(0,n.updatePosition)(v.value,s)})),q(),(0,e.watch)((()=>s.showHeaderTemp),((t,l)=>{(0,e.nextTick)((()=>{q()}))})),f.value=o.$i18n.locale,t.utils.getWebMap(null,(e=>{if(e){let t={tileset:C.tileset,clipType:C.clipDirection,reverseClip:C.reverseClip,enable:C.enableClip,boxEnable:C.boxEnable,distance:C.clipDistance};g=new i(e,t,k)}})),setTimeout((()=>{k()}),1e3)}));const q=()=>{s.showHeaderTemp&&(b.value=(0,n.createHeaderTemp)(v.value,(0,e.toRefs)(s),w,V))};function N(e){switch(e){case"tileset":g.setLayer(C.tileset);break;case"clipDirection":g.setClipDirection(C.clipDirection);break;case"reverseClip":g.setClipType(C.reverseClip);break;case"enableClip":g.setEnable(C.enableClip);break;case"boxEnable":g.setShowBox(C.boxEnable);break;case"distance":g.setDistance(C.clipDistance)}}function D(){g&&g.start()}function S(){g&&g.clear()}return(0,e.onBeforeUnmount)((()=>{g&&g.destroy()})),a({paramsChanged:N,clip:D,clearResult:S}),(t,i)=>{const a=(0,e.resolveComponent)("kq-col"),n=(0,e.resolveComponent)("kq-option"),s=(0,e.resolveComponent)("kq-select"),o=(0,e.resolveComponent)("kq-row"),r=(0,e.resolveComponent)("kq-checkbox"),g=(0,e.resolveComponent)("kq-slider"),y=(0,e.resolveComponent)("kq-input-number"),x=(0,e.resolveComponent)("kq-form-item"),V=(0,e.resolveComponent)("kq-form"),k=(0,e.resolveComponent)("kq-collapse-item"),q=(0,e.resolveComponent)("kq-collapse"),P=(0,e.resolveComponent)("kq-button");return(0,e.openBlock)(),(0,e.createElementBlock)("section",{class:(0,e.normalizeClass)(["kq3d-plane-clip",{"kq-box-shadow":l.showShadow}]),ref_key:"boxRef",ref:v},[l.showHeaderTemp?((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)((0,e.unref)(b)),{key:0,ref_key:"headerTempRef",ref:w},null,512)):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",p,[(0,e.createVNode)(o,{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)(_).clipObj),1)])),_:1}),(0,e.createVNode)(a,{span:18,class:"colClass"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{modelValue:(0,e.unref)(C).tileset,"onUpdate:modelValue":i[0]||(i[0]=t=>(0,e.unref)(C).tileset=t),onChange:i[1]||(i[1]=e=>N("tileset"))},{default:(0,e.withCtx)((()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(h),((t,l)=>((0,e.openBlock)(),(0,e.createBlock)(n,{key:l,value:t.guid,label:t.name},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.name),1)])),_:2},1032,["value","label"])))),128))])),_:1},8,["modelValue"])])),_:1})])),_:1}),(0,e.createVNode)(o,{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)(_).clipStyle),1)])),_:1}),(0,e.createVNode)(a,{span:18,class:"colClass"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{modelValue:(0,e.unref)(C).clipDirection,"onUpdate:modelValue":i[2]||(i[2]=t=>(0,e.unref)(C).clipDirection=t),onChange:i[3]||(i[3]=e=>N("clipDirection"))},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(n,{label:(0,e.unref)(_).xClip,value:2},null,8,["label"]),(0,e.createVNode)(n,{label:(0,e.unref)(_).yClip,value:3},null,8,["label"]),(0,e.createVNode)(n,{label:(0,e.unref)(_).zClip,value:4},null,8,["label"])])),_:1},8,["modelValue"])])),_:1})])),_:1}),(0,e.createVNode)(o,{gutter:20,class:"rowClass"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:6,class:"colClass"},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("span",d,(0,e.toDisplayString)((0,e.unref)(_).clipPattern),1)])),_:1}),(0,e.createVNode)(a,{span:18,class:"colClass"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{modelValue:(0,e.unref)(C).reverseClip,"onUpdate:modelValue":i[4]||(i[4]=t=>(0,e.unref)(C).reverseClip=t),onChange:i[5]||(i[5]=e=>N("reverseClip"))},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(n,{label:(0,e.unref)(_).forwardClip,value:!1},null,8,["label"]),(0,e.createVNode)(n,{label:(0,e.unref)(_).reverseClip,value:!0},null,8,["label"])])),_:1},8,["modelValue"])])),_:1})])),_:1}),(0,e.createVNode)(o,{class:"kq3d-plane-clip-tip"},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("p",null,(0,e.toDisplayString)((0,e.unref)(_).clipTips),1)])),_:1}),(0,e.createVNode)(q,{"model-value":(0,e.unref)(C).collapseValue,class:"kq3d-plane-clip-collapse"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(k,{title:(0,e.unref)(_).analysisSettings,name:"setting"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(V,{"label-width":"zh"===(0,e.unref)(f)?"90px":"120px","label-position":"left"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(o,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:12},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(r,{modelValue:(0,e.unref)(C).enableClip,"onUpdate:modelValue":i[6]||(i[6]=t=>(0,e.unref)(C).enableClip=t),onChange:i[7]||(i[7]=e=>N("enableClip"))},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(_).enableClip),1)])),_:1},8,["modelValue"])])),_:1}),(0,e.createVNode)(a,{span:12},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(r,{modelValue:(0,e.unref)(C).boxEnable,"onUpdate:modelValue":i[8]||(i[8]=t=>(0,e.unref)(C).boxEnable=t),onChange:i[9]||(i[9]=e=>N("boxEnable"))},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(_).boxEnable),1)])),_:1},8,["modelValue"])])),_:1})])),_:1}),(0,e.createVNode)(o,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(x,{label:(0,e.unref)(_).clipDistance},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(o,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(g,{modelValue:(0,e.unref)(C).clipDistance,"onUpdate:modelValue":i[10]||(i[10]=t=>(0,e.unref)(C).clipDistance=t),step:1,min:-50,max:50,onChange:i[11]||(i[11]=e=>N("distance"))},null,8,["modelValue"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(y,{modelValue:(0,e.unref)(C).clipDistance,"onUpdate:modelValue":i[12]||(i[12]=t=>(0,e.unref)(C).clipDistance=t),step:1,min:-50,max:50,"controls-position":"right",onChange:i[13]||(i[13]=e=>N("distance"))},null,8,["modelValue"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1})])),_:1},8,["label-width"])])),_:1},8,["title"])])),_:1},8,["model-value"]),(0,e.createElementVNode)("div",m,[(0,e.createVNode)(P,{onClick:i[14]||(i[14]=(0,e.withModifiers)((e=>D()),["stop"])),title:(0,e.unref)(_).clip,type:"primary"},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(_).clip),1)])),_:1},8,["title"]),(0,e.createVNode)(P,{onClick:i[15]||(i[15]=(0,e.withModifiers)((e=>S()),["stop"])),title:(0,e.unref)(_).clear},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(_).clear),1)])),_:1},8,["title"])])])],2)}}}),h=s(7997),C=s.n(h);_.install=(e,t)=>{C()(e,t),e.component(_.name,_)}}(),o}()}));