@kq_npm/client3d_webgl_vue/roller/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,i,r){return function(){"use strict";var l={1030:function(e,t,i){i.d(t,{Z:function(){return r}});class r{_viewer=null;_layerManager=null;_layers=[];_lrSlider=null;_tbSlider=null;_lrSliderHandler=null;_tbSliderHandler=null;_lrSliderActive=!1;_tbSliderActive=!1;constructor(e,t){this._viewer=e._viewer,this._layerManager=e._layerManager,this._layers=t.layers,this._lrSlider=document.createElement("div"),this._lrSlider.class="shutter-slider",this._lrSlider.id="lrSlider",this._tbSlider=document.createElement("div"),this._tbSlider.class="shutter-slider",this._tbSlider.id="tbSlider",this._viewer.container.appendChild(this._lrSlider),this._viewer.container.appendChild(this._tbSlider),setTimeout((()=>{this.initLayers()}),500),this.registerEvents()}registerEvents(){let e=this;this._lrSliderHandler=new Cesium.ScreenSpaceEventHandler(this._lrSlider),this._lrSliderHandler.setInputAction((function(){e._lrSliderActive=!0}),Cesium.ScreenSpaceEventType.LEFT_DOWN),this._lrSliderHandler.setInputAction((function(t){if(!e._lrSliderActive)return;let i=t.endPosition.x,r=(e._lrSlider.offsetLeft+i)/e._lrSlider.parentElement.parentElement.offsetWidth;e._lrSlider.style.left=100*r+"%",void 0!==e._viewer.scene.imagerySplitPosition?e._viewer.scene.imagerySplitPosition=r:e._viewer.scene.splitPosition=r}),Cesium.ScreenSpaceEventType.MOUSE_MOVE),this._lrSliderHandler.setInputAction((function(){e._lrSliderActive=!1}),Cesium.ScreenSpaceEventType.LEFT_UP),this._tbSliderHandler=new Cesium.ScreenSpaceEventHandler(this._tbSlider),this._tbSliderHandler.setInputAction((function(){e._tbSliderActive=!0}),Cesium.ScreenSpaceEventType.LEFT_DOWN),this._tbSliderHandler.setInputAction((function(t){if(!e._tbSliderActive)return;let i=t.endPosition.y,r=1-(e._tbSlider.offsetTop+i)/e._tbSlider.parentElement.parentElement.offsetHeight;e._tbSlider.style.top=100*(1-r)+"%",void 0!==e._viewer.scene.imagerySplitPosition?e._viewer.scene.imagerySplitPosition=r:e._viewer.scene.splitPosition=r}),Cesium.ScreenSpaceEventType.MOUSE_MOVE),this._tbSliderHandler.setInputAction((function(){e._tbSliderActive=!1}),Cesium.ScreenSpaceEventType.LEFT_UP)}initLayers(){let e=this._layerManager.getLayerCheckedList();for(let t=0;t<e.length;t++){let i=this._layerManager.getLayerByGuid(e[t].guid);(i instanceof Cesium.ImageryLayer||i instanceof Cesium.Cesium3DTileset)&&this._layers.push({guid:e[t].guid,name:e[t].name,direction:0})}}changeMode(e){let t=0,i=Cesium.ImagerySplitDirection?Cesium.ImagerySplitDirection.NONE:Cesium.SplitDirection.NONE,r=.5;switch(this._lrSlider.style.display="none",this._tbSlider.style.display="none",e){case 1:t=1,this._lrSlider.style.display="block",i=Cesium.ImagerySplitDirection?Cesium.ImagerySplitDirection.LEFT:Cesium.SplitDirection.LEFT,r=this._lrSlider.offsetLeft/this._lrSlider.parentElement.parentElement.offsetWidth;break;case 2:t=3,this._tbSlider.style.display="block",i=Cesium.ImagerySplitDirection?Cesium.ImagerySplitDirection.TOP:Cesium.SplitDirection.TOP,r=1-this._tbSlider.offsetTop/this._tbSlider.parentElement.parentElement.offsetHeight}let l=this;this._layers.forEach((e=>{e.direction=t;let r=l._layerManager.getLayerByGuid(e.guid);r&&(r.splitDirection=i)})),0!==e&&(void 0!==this._viewer.scene.imagerySplitPosition?this._viewer.scene.imagerySplitPosition=r:this._viewer.scene.splitPosition=r)}changeDirection(e){let t=this._layers[e].direction,i=Cesium.ImagerySplitDirection;i||(i=Cesium.SplitDirection);let r=i.NONE,l=!0;switch(t){case 1:r=i.LEFT;break;case 2:r=i.RIGHT;break;case 3:r=i.TOP;break;case 4:r=i.BOTTOM;break;case 5:l=!1}let n=this._layerManager.getLayerByGuid(this._layers[e].guid);n&&(n.show=l,n.splitDirection=r)}reset(){this.changeMode(0)}destroy(){this.reset(),this._lrSliderHandler&&this._lrSliderHandler.destroy(),this._tbSliderActive&&this._tbSliderActive.destroy(),this._lrSlider&&this._viewer.container.removeChild(this._lrSlider),this._tbSlider&&this._viewer.container.removeChild(this._tbSlider)}}},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=i},7997:function(e){e.exports=r},1895:function(t){t.exports=e}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var i=n[e]={exports:{}};return l[e](i,i.exports,o),i.exports}o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,{a:t}),t},o.d=function(e,t){for(var i in t)o.o(t,i)&&!o.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return function(){o.r(a),o.d(a,{RollerViewModel:function(){return r.Z},default:function(){return u}});var e=o(1895),t=o(348),i=o(7135),r=o(1030),l=o(3458),n=o(7080);const s={class:"kq3d-roller-form kq3d-roller-box"},d={class:"kq3d-roller-span"},c={name:"Kq3dRoller"};var u=Object.assign(c,{props:{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:t.IconRoller},isRight:{type:Boolean,default:!0}},setup(t,{expose:o}){const a=t,{proxy:c}=(0,e.getCurrentInstance)();let u=(0,e.ref)(c.$i18n.global.messages[c.$i18n.global.locale].webgl),p=e=>({"background-color":"var(--kq-fill-color-light)",color:"var(--kq-color-info)","font-size":"14px"}),m=(0,e.reactive)({mode:a.settingParams&&a.settingParams.mode||null}),_=(0,e.reactive)([]),h=null,f=(0,e.ref)(null),v=(0,e.ref)(),S=(0,e.ref)(),{locale:g,messages:y}=(0,n.useI18n)(),b=(0,e.ref)(null);b.value=u.value.roller,(0,e.watch)((()=>g.value),((e,t)=>{u.value=y.value[e].webgl,b.value=u.value.roller})),(0,e.onMounted)((()=>{(0,l.updatePosition)(f.value,a),(0,e.watch)((()=>a.position),((e,t)=>{(0,l.updatePosition)(f.value,a)})),w(),(0,e.watch)((()=>a.showHeaderTemp),((t,i)=>{(0,e.nextTick)((()=>{w()}))})),i.utils.getWebMap(null,(e=>{if(e){let t={layers:_};h=new r.Z(e,t)}}))}));const w=()=>{a.showHeaderTemp&&(v.value=(0,l.createHeaderTemp)(f.value,(0,e.toRefs)(a),S,b))};function C(){m.mode;h&&h.changeMode(m.mode)}function x(e){h&&h.changeDirection(e)}function k(){m.mode=null,h&&h.reset()}return(0,e.onBeforeUnmount)((()=>{h&&h.destroy()})),o({changeMode:C,changeDirection:x,reset:k}),(i,r)=>{const l=(0,e.resolveComponent)("kq-col"),n=(0,e.resolveComponent)("kq-option"),o=(0,e.resolveComponent)("kq-select"),a=(0,e.resolveComponent)("kq-row"),c=(0,e.resolveComponent)("kq-table-column"),h=(0,e.resolveComponent)("kq-radio"),g=(0,e.resolveComponent)("kq-radio-group"),y=(0,e.resolveComponent)("kq-table");return(0,e.openBlock)(),(0,e.createElementBlock)("section",{class:(0,e.normalizeClass)(["kq3d-roller",{"kq-box-shadow":t.showShadow}]),ref_key:"boxRef",ref:f},[t.showHeaderTemp?((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)((0,e.unref)(v)),{key:0,ref_key:"headerTempRef",ref:S},null,512)):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",s,[(0,e.createVNode)(a,{style:{"margin-bottom":"8px"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(l,{span:8,style:{"line-height":"32px"}},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("span",d,(0,e.toDisplayString)((0,e.unref)(u).rollerMode),1)])),_:1}),(0,e.createVNode)(l,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(o,{modelValue:(0,e.unref)(m).mode,"onUpdate:modelValue":r[0]||(r[0]=t=>(0,e.unref)(m).mode=t),onChange:C,placeholder:(0,e.unref)(u).noRoller+"...",clearable:"",onClear:k},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(n,{label:(0,e.unref)(u).lrRoller,value:1},null,8,["label"]),(0,e.createVNode)(n,{label:(0,e.unref)(u).tbRoller,value:2},null,8,["label"])])),_:1},8,["modelValue","placeholder"])])),_:1})])),_:1}),(0,e.withDirectives)((0,e.createVNode)(a,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(l,{span:24},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(y,{border:"",stripe:"",data:(0,e.unref)(_),style:{width:"100%",height:"100%"},"cell-style":{padding:"8px 0"},"header-cell-style":(0,e.unref)(p)},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(c,{label:(0,e.unref)(u).layer,prop:"name",align:"center",width:"120"},null,8,["label"]),(0,e.createVNode)(c,{label:(0,e.unref)(u).position,prop:"direction",align:"center"},{default:(0,e.withCtx)((t=>[(0,e.createVNode)(g,{modelValue:t.row.direction,"onUpdate:modelValue":e=>t.row.direction=e,onChange:e=>x(t.$index)},{default:(0,e.withCtx)((()=>[(0,e.withDirectives)((0,e.createVNode)(h,{label:1,size:"large",style:{"margin-right":"12px"}},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(u).leftRoller),1)])),_:1},512),[[e.vShow,1===(0,e.unref)(m).mode]]),(0,e.withDirectives)((0,e.createVNode)(h,{label:2,size:"large",style:{"margin-right":"12px"}},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(u).rightRoller),1)])),_:1},512),[[e.vShow,1===(0,e.unref)(m).mode]]),(0,e.withDirectives)((0,e.createVNode)(h,{label:3,size:"large",style:{"margin-right":"12px"}},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(u).topRoller),1)])),_:1},512),[[e.vShow,2===(0,e.unref)(m).mode]]),(0,e.withDirectives)((0,e.createVNode)(h,{label:4,size:"large",style:{"margin-right":"12px"}},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(u).bottomRoller),1)])),_:1},512),[[e.vShow,2===(0,e.unref)(m).mode]]),(0,e.createVNode)(h,{label:5,size:"large",style:{"margin-right":"0px"}},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(u).hide),1)])),_:1})])),_:2},1032,["modelValue","onUpdate:modelValue","onChange"])])),_:1},8,["label"])])),_:1},8,["data","header-cell-style"])])),_:1})])),_:1},512),[[e.vShow,null!==(0,e.unref)(m).mode]])])],2)}}}),p=o(7997),m=o.n(p);u.install=(e,t)=>{m()(e,t),e.component(u.name,u)}}(),a}()}));