@kq_npm/client3d_webgl_vue/modelfilter/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/init.js"),require("@kq_npm/client_common_vue/_utils/util"),require("@kq_npm/client_common_vue")):"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","@kq_npm/client_common_vue"],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"),require("@kq_npm/client_common_vue")):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"],e["@kq_npm/client_common_vue"])}(this,(function(e,t,n,a,s){return function(){"use strict";var o={1705:function(e,t,n){var a=n(9389),s=n(7997),o=n.n(s);a.ElMessage.install=(e,t)=>{o()(e,t),e.component("KqMessage",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")},7064:function(e){e.exports=s},7135:function(e){e.exports=t},3458:function(e){e.exports=a},7997:function(e){e.exports=n},1895:function(t){t.exports=e}},i={};function r(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[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,{ModelFilterViewModel:function(){return n},default:function(){return _}});var e=r(1895),t=r(7135);r(1705);class n{_viewer=null;_options={};_defaultOptions={brightness:1,contrast:1,tone:0,saturation:1,gamma:1};callbackParams=null;constructor(e,n,a){this._options=Object.assign({},n,this._defaultOptions),this._viewer=e._viewer,this._options.viewer=this._viewer,this.callbackParams=a,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._viewer.scene.primitives._primitives;for(let n=0;n<t.length;n++)if(t[n]instanceof Cesium.Cesium3DTileset){if(!t[n].show)continue;e.push({guid:t[n].guid,name:t[n].name?t[n].name:t[n].guid})}return e}setLayer(e){e&&(this.clear(),this._options.tileset=this.findLayerById(e),this._viewer.flyTo(this._options.tileset),this._options.tileset.colorCorrectEnable=!0)}findLayerById(e){return this._options.viewer.scene.primitives._primitives.find((function(t){return t.guid===e}))}setBrightness(e){this._options.tileset.brightness=Number(e)}setContrast(e){this._options.tileset.contrast=Number(e)}setTone(e){this._options.tileset.hue=Number(e)}setSaturation(e){this._options.tileset.saturation=Number(e)}setGamma(e){this._options.tileset.gamma=Number(e)}clear(){this._options.tileset&&(this._options.tileset.brightness=1,this._options.tileset.contrast=1,this._options.tileset.hue=0,this._options.tileset.saturation=1,this._options.tileset.gamma=1)}destroy(){t.mapViewUtils.offViewEvents("resetLayerDatas",this._resetListData,this._viewer._container.id),this.clear()}}var a=r(348),s=r(3458),o=r(7080);r(7064);const i={class:"kq3d-model-filter-span"},u={class:"kq3d-model-filter-span"},m={class:"kq3d-model-filter-span"},c={class:"kq3d-model-filter-span"},d={class:"kq3d-model-filter-span"},p={class:"kq3d-model-filter-span"},f={name:"Kq3dModelFilter"};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.IconModelFiltering},isRight:{type:Boolean,default:!0}},setup(a,{expose:r}){const l=a,{proxy:f}=(0,e.getCurrentInstance)();let _=(0,e.ref)(f.$i18n.global.messages[f.$i18n.global.locale].webgl),h=(0,e.ref)(""),g=null,v=(0,e.ref)(),V=(0,e.ref)([]),b=(0,e.ref)(null),x=(0,e.reactive)({tileset:l.settingParams&&l.settingParams.tileset||null,brightness:l.settingParams&&l.settingParams.brightness||1,contrast:l.settingParams&&l.settingParams.contrast||1,tone:l.settingParams&&l.settingParams.tone||0,saturation:l.settingParams&&l.settingParams.saturation||1,gamma:l.settingParams&&l.settingParams.gamma||1}),w=(0,e.ref)(),k=(0,e.ref)(),{locale:y,messages:C}=(0,o.useI18n)(),q=(0,e.ref)(null);function N(e,t){g&&(V.value=g.findLayers(),x.tileset="",T("tileset"))}q.value=_.value.modelFilterPick,(0,e.watch)((()=>y.value),((e,t)=>{_.value=C.value[e].webgl,q.value=_.value.modelFilterPick})),(0,e.onMounted)((()=>{(0,s.updatePosition)(b.value,l),(0,e.watch)((()=>l.position),((e,t)=>{(0,s.updatePosition)(b.value,l)})),P(),(0,e.watch)((()=>l.showHeaderTemp),((t,n)=>{(0,e.nextTick)((()=>{P()}))})),h.value=f.$i18n.locale,t.utils.getWebMap(null,(e=>{if(e){let t={tileset:x.tileset,brightness:x.brightness,contrast:x.contrast,tone:x.tone,saturation:x.saturation,gamma:x.gamma};g=new n(e,t,N)}})),setTimeout((()=>{g&&(V.value=g.findLayers())}),1e3)}));const P=()=>{l.showHeaderTemp&&(w.value=(0,s.createHeaderTemp)(b.value,(0,e.toRefs)(l),k,q))};function T(e){if(x.tileset)switch(e){case"tileset":g.setLayer(x.tileset),g.setBrightness(x.brightness),g.setContrast(x.contrast),g.setTone(x.tone),g.setSaturation(x.saturation),g.setGamma(x.gamma);break;case"brightness":g.setBrightness(x.brightness);break;case"contrast":g.setContrast(x.contrast);break;case"tone":g.setTone(x.tone);break;case"saturation":g.setSaturation(x.saturation);break;case"gamma":g.setGamma(x.gamma)}}function S(){g.clear(),x.brightness=1,x.contrast=1,x.tone=0,x.saturation=1,x.gamma=1}return(0,e.onBeforeUnmount)((()=>{g&&g.destroy()})),r({clear:S,paramsChanged:T}),(t,n)=>{const s=(0,e.resolveComponent)("kq-col"),o=(0,e.resolveComponent)("kq-option"),r=(0,e.resolveComponent)("kq-select"),l=(0,e.resolveComponent)("kq-row"),f=(0,e.resolveComponent)("kq-slider"),g=(0,e.resolveComponent)("kq-input-number");return(0,e.openBlock)(),(0,e.createElementBlock)("section",{class:(0,e.normalizeClass)(["kq3d-model-filter",{"kq-box-shadow":a.showShadow}]),ref_key:"boxRef",ref:b},[a.showHeaderTemp?((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)((0,e.unref)(w)),{key:0,ref_key:"headerTempRef",ref:k},null,512)):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",{class:"kq3d-model-filter-box",ref_key:"ref_box",ref:v},[(0,e.createVNode)(l,{gutter:10},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{span:"zh"===(0,e.unref)(h)?7:10},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("span",i,(0,e.toDisplayString)((0,e.unref)(_).modelFilterLayer),1)])),_:1},8,["span"]),(0,e.createVNode)(s,{span:"zh"===(0,e.unref)(h)?17:14},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(r,{style:{width:"100%"},modelValue:(0,e.unref)(x).tileset,"onUpdate:modelValue":n[0]||(n[0]=t=>(0,e.unref)(x).tileset=t),onChange:n[1]||(n[1]=e=>T("tileset")),clearable:"",onClear:S},{default:(0,e.withCtx)((()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(V),((t,n)=>((0,e.openBlock)(),(0,e.createBlock)(o,{key:n,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},8,["span"])])),_:1}),(0,e.createVNode)(l,{gutter:10},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{span:"zh"===(0,e.unref)(h)?7:10},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("span",u,(0,e.toDisplayString)((0,e.unref)(_).brightness),1)])),_:1},8,["span"]),(0,e.createVNode)(s,{span:"zh"===(0,e.unref)(h)?11:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(f,{modelValue:(0,e.unref)(x).brightness,"onUpdate:modelValue":n[2]||(n[2]=t=>(0,e.unref)(x).brightness=t),step:.1,min:0,max:5,onChange:n[3]||(n[3]=e=>T("brightness"))},null,8,["modelValue","step"])])),_:1},8,["span"]),(0,e.createVNode)(s,{span:6,style:{"text-align":"end"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(g,{modelValue:(0,e.unref)(x).brightness,"onUpdate:modelValue":n[4]||(n[4]=t=>(0,e.unref)(x).brightness=t),min:0,max:5,step:.1,"controls-position":"right",onChange:n[5]||(n[5]=e=>T("brightness"))},null,8,["modelValue","step"])])),_:1})])),_:1}),(0,e.createVNode)(l,{gutter:10},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{span:"zh"===(0,e.unref)(h)?7:10},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("span",m,(0,e.toDisplayString)((0,e.unref)(_).contrast),1)])),_:1},8,["span"]),(0,e.createVNode)(s,{span:"zh"===(0,e.unref)(h)?11:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(f,{modelValue:(0,e.unref)(x).contrast,"onUpdate:modelValue":n[6]||(n[6]=t=>(0,e.unref)(x).contrast=t),step:.1,min:0,max:5,onChange:n[7]||(n[7]=e=>T("contrast"))},null,8,["modelValue","step"])])),_:1},8,["span"]),(0,e.createVNode)(s,{span:6,style:{"text-align":"end"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(g,{modelValue:(0,e.unref)(x).contrast,"onUpdate:modelValue":n[8]||(n[8]=t=>(0,e.unref)(x).contrast=t),min:0,max:5,step:.1,"controls-position":"right",onChange:n[9]||(n[9]=e=>T("contrast"))},null,8,["modelValue","step"])])),_:1})])),_:1}),(0,e.createVNode)(l,{gutter:10},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{span:"zh"===(0,e.unref)(h)?7:10},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("span",c,(0,e.toDisplayString)((0,e.unref)(_).tone),1)])),_:1},8,["span"]),(0,e.createVNode)(s,{span:"zh"===(0,e.unref)(h)?11:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(f,{modelValue:(0,e.unref)(x).tone,"onUpdate:modelValue":n[10]||(n[10]=t=>(0,e.unref)(x).tone=t),step:.1,min:0,max:5,onChange:n[11]||(n[11]=e=>T("tone"))},null,8,["modelValue","step"])])),_:1},8,["span"]),(0,e.createVNode)(s,{span:6,style:{"text-align":"end"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(g,{modelValue:(0,e.unref)(x).tone,"onUpdate:modelValue":n[12]||(n[12]=t=>(0,e.unref)(x).tone=t),min:0,max:5,step:.1,"controls-position":"right",onChange:n[13]||(n[13]=e=>T("tone"))},null,8,["modelValue","step"])])),_:1})])),_:1}),(0,e.createVNode)(l,{gutter:10},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{span:"zh"===(0,e.unref)(h)?7:10},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("span",d,(0,e.toDisplayString)((0,e.unref)(_).saturation),1)])),_:1},8,["span"]),(0,e.createVNode)(s,{span:"zh"===(0,e.unref)(h)?11:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(f,{modelValue:(0,e.unref)(x).saturation,"onUpdate:modelValue":n[14]||(n[14]=t=>(0,e.unref)(x).saturation=t),step:.1,min:0,max:5,onChange:n[15]||(n[15]=e=>T("saturation"))},null,8,["modelValue","step"])])),_:1},8,["span"]),(0,e.createVNode)(s,{span:6,style:{"text-align":"end"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(g,{modelValue:(0,e.unref)(x).saturation,"onUpdate:modelValue":n[16]||(n[16]=t=>(0,e.unref)(x).saturation=t),min:0,max:5,step:.1,"controls-position":"right",onChange:n[17]||(n[17]=e=>T("saturation"))},null,8,["modelValue","step"])])),_:1})])),_:1}),(0,e.createVNode)(l,{gutter:10},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{span:"zh"===(0,e.unref)(h)?7:10},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("span",p,(0,e.toDisplayString)((0,e.unref)(_).gamma),1)])),_:1},8,["span"]),(0,e.createVNode)(s,{span:"zh"===(0,e.unref)(h)?11:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(f,{modelValue:(0,e.unref)(x).gamma,"onUpdate:modelValue":n[18]||(n[18]=t=>(0,e.unref)(x).gamma=t),step:.1,min:0,max:5,onChange:n[19]||(n[19]=e=>T("gamma"))},null,8,["modelValue","step"])])),_:1},8,["span"]),(0,e.createVNode)(s,{span:6,style:{"text-align":"end"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(g,{modelValue:(0,e.unref)(x).gamma,"onUpdate:modelValue":n[20]||(n[20]=t=>(0,e.unref)(x).gamma=t),min:0,max:5,step:.1,"controls-position":"right",onChange:n[21]||(n[21]=e=>T("gamma"))},null,8,["modelValue","step"])])),_:1})])),_:1})],512)],2)}}}),h=r(7997),g=r.n(h);_.install=(e,t)=>{g()(e,t),e.component(_.name,_)}}(),l}()}));