@kq_npm/client3d_webgl_vue/typhoontrac/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")):"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,n,o){return function(){"use strict";var i={1705:function(e,t,n){var o=n(9389),i=n(7997),a=n.n(i);o.ElMessage.install=(e,t)=>{a()(e,t),e.component("KqMessage",o.ElMessage)}},8422:function(e){e.exports=require("@element-plus/icons-vue")},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=o},7997:function(e){e.exports=n},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 i[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,{TyphoonTracViewModel:function(){return n},default:function(){return p}});var e=r(1895),t=r(7135);r(1705);class n{_viewer=null;_language=null;_curTyphoon=[];currentRow=null;divPoint=null;eventListener=null;eventListener2=null;constructor(e){this._viewer=e._viewer,this._language=e._language,this._viewer.postProcessStages.fxaa.enabled=!0,this._viewer.scene.globe.depthTestAgainstTerrain=!0}changeLanguage(e){this._language=e}createTyphoonPath(e,t=!1){this.warningLine_48||this.createWarningLine();let n=this;if(this._curTyphoon[e.tfid])this._curTyphoon[e.tfid].setVisible(e.show),e.show&&this._curTyphoon[e.tfid].flyTo();else{let t=Object.assign({},e);this._curTyphoon[e.tfid]=new Cesium.Kq3dTyphoon(this._viewer,{data:t}),this._curTyphoon[e.tfid].flyTo(),this.eventListener=function(t){t&&t.data?(n._curTyphoon[e.tfid].divPoint&&(n._curTyphoon[e.tfid].divPoint.destroy(),n._curTyphoon[e.tfid].divPoint=null),n.createInfoDivPoint(n.getDivPointData(t.data))):n.divPoint&&(n.divPoint.destroy(),n.divPoint=null)},this.eventListener2=function(t){t&&t.data&&(n._curTyphoon[e.tfid]&&!n._curTyphoon[e.tfid].isPlaying?(n.createInfoPlayDivPoint(n.getDivPointData(t.data)),e.showPlayVis=!1):n._curTyphoon[e.tfid].divPoint&&(n._curTyphoon[e.tfid].divPoint.destroy(),n._curTyphoon[e.tfid].divPoint=null))};let o=this._curTyphoon[e.tfid].getHoverEvent(),i=this._curTyphoon[e.tfid].getPlayEvent();o&&o.addEventListener(this.eventListener),i&&i.addEventListener(this.eventListener2)}e.show&&t&&(this.currentRow&&this.currentRow.tfid&&this._curTyphoon[this.currentRow.tfid]&&this._curTyphoon[this.currentRow.tfid].stop&&this._curTyphoon[this.currentRow.tfid].stop(),this._curTyphoon[e.tfid].start()),this.currentRow=e}getDivPointData(e){return e.radius7&&(e.radius7Arr=e.radius7.split("|")),e.radius10&&(e.radius10Arr=e.radius10.split("|")),e.radius12&&(e.radius12Arr=e.radius12.split("|")),e}createInfoPlayDivPoint(e){e=Object.assign(e,this.currentRow),this._curTyphoon[e.tfid].divPoint&&(this._curTyphoon[e.tfid].divPoint.destroy(),this._curTyphoon[e.tfid].divPoint=null);let t=this.createHtml(e);this._curTyphoon[e.tfid].divPoint=new Cesium.Kq3dHtmlTag(this._viewer,{html:t.html,position:Cesium.Cartesian3.fromDegrees(Number(e.fLongitude),Number(e.fLatitude)),anchor:[-140,t.anchorY],noEvent:!1})}rowClickPath(e,t){this._curTyphoon[t.tfid]||(t.show=!0,this.createTyphoonPath(t)),setTimeout((()=>{this._curTyphoon[t.tfid].showPoint(e),this._curTyphoon[t.tfid].flyToPoint(e),this.createInfoDivPoint(this.getDivPointData(this._curTyphoon[t.tfid].positions[e]))}),500)}createInfoDivPoint(e){if(this.divPoint&&(this.divPoint.destroy(),this.divPoint=null),this._curTyphoon.forEach((t=>{t._data&&e.name===t._data.name&&(e=Object.assign(e,{tfid:t._data.tfid}))})),!e.fLongitude||!e.fLatitude)return;let t=this.createHtml(e);this.divPoint=new Cesium.Kq3dHtmlTag(this._viewer,{html:t.html,position:Cesium.Cartesian3.fromDegrees(Number(e.fLongitude),Number(e.fLatitude)),anchor:[-140,t.anchorY]})}createHtml(e){let t=-215,n=`<div class='kq3d-typhoon-trac-Info'>\n      <div style='background-color:var(--kq-bg-color); border-radius: 8px;'>\n      <div class='Info-title'>\n        <span class='Info-title-text'>${e.tfid+e.name}(${e.enname})</span>\n      </div>\n      <a class='infoClose' href='javascript:void(0)' onclick='document.getElementsByClassName("kq3d-typhoon-trac-Info")[0].style.display="none"'><span>×</span></a>\n      </div><ul>\n    <li><span>${this._language.centralPosition}</span><span>${e.fLongitude}°&nbsp;/&nbsp;${e.fLatitude}°</span></li>\n    <li><span>${this._language.windSpeedLabel}</span><span>${e.speed||"-"}&nbsp;${this._language.windSpeedUnit},</span><span class='strong'>${e.power+this._language.windForceUnit}(${e.strong})</span></li>\n    <li><span>${this._language.centralPressure}</span><span>${e.pressure}&nbsp;${this._language.atmosphericPressureUnit}</span></li>\n    <li><span>${this._language.movementSpeedTowards}</span><span>${(e.movespeed||"-")+this._language.movingDirectionUnit}，${e.movedirection||"-"}</span></li>\n    <li><span>${this._language.currentTime}</span><span>${this.formatDate(e.time)}</span></li>\n    <table><tr>\n    <th class='head'>${this._language.windRadius}</th>\n      <th class='head'>${this._language.northeast}</th>\n      <th class='head'>${this._language.southeast}</th>\n      <th class='head'>${this._language.southwest}</th>\n      <th class='head'>${this._language.northwest}</th>\n  </tr>`;return e.radius7Arr&&(n+=`<tr>\n          <th>${this._language.sevenLevels}</th>\n          <th class='flnumber'>${e.radius7Arr[0]}</th>\n          <th class='flnumber'>${e.radius7Arr[1]}</th>\n          <th class='flnumber'>${e.radius7Arr[2]}</th>\n          <th class='flnumber'>${e.radius7Arr[3]}</th>\n          </tr>`,t-=23),e.radius10Arr&&(n+=`<tr>\n          <th>${this._language.tenLevels}</th>\n          <th class='flnumber'>${e.radius10Arr[0]}</th>\n          <th class='flnumber'>${e.radius10Arr[1]}</th>\n          <th class='flnumber'>${e.radius10Arr[2]}</th>\n          <th class='flnumber'>${e.radius10Arr[3]}</th>\n          </tr>`,t-=23),e.radius12Arr&&(n+=`<tr>\n          <th>${this._language.twelveLevels}</th>\n          <th class='flnumber'>${e.radius12Arr[0]}</th>\n          <th class='flnumber'>${e.radius12Arr[1]}</th>\n          <th class='flnumber'>${e.radius12Arr[2]}</th>\n          <th class='flnumber'>${e.radius12Arr[3]}</th>\n          </tr>`,t-=32),n+="</table></ul><div class='triangle'><div></div></div></div>",{html:this.sanitize(n),anchorY:t}}sanitize(e){return e.replace(/[\u200B-\u200D\uFEFF]/g,"").replace(/[“”]/g,"")}formatDate(e=new Date,t="datetime",n=!0){e instanceof Date||(e=new Date(e)),"date"===t?t="YYYY-MM-DD":"datetime"===t&&(t="YYYY-MM-DD hh:mm:ss");const o={YYYY:e.getFullYear(),MM:(e.getMonth()+1).toString().padStart(n&&2,"0"),DD:e.getDate().toString().padStart(n&&2,"0"),hh:e.getHours().toString().padStart(n&&2,"0"),mm:e.getMinutes().toString().padStart(n&&2,"0"),ss:e.getSeconds().toString().padStart(n&&2,"0"),W:["日","一","二","三","四","五","六"][e.getDay()]};return Object.keys(o).reduce(((e,t)=>e.replaceAll(t,o[t])),t)}stopPlayTyphoonTrac(e){this._curTyphoon[e.tfid]&&this._curTyphoon[e.tfid].stop()}pausePlayTyphoonTrac(e){this._curTyphoon[this.currentRow.tfid]&&this._curTyphoon[this.currentRow.tfid].flyTo(),this._viewer.clock.shouldAnimate=!!e}setMultiplier(e){window.viewer.clock.multiplier=e||1}createWarningLine(){this.warningLine_24=this._viewer.entities.add({position:Cesium.Cartesian3.fromDegrees(127,34),polyline:{positions:Cesium.Cartesian3.fromDegreesArray([127,34,127,22,119,18,119,11,113,4.5,105,0]),width:2,material:Cesium.Color.fromCssColorString("#828314"),clampToGround:!0},label:{text:"24小时警戒线",color:Cesium.Color.fromCssColorString("#828314"),horizontalOrigin:Cesium.HorizontalOrigin.CENTER,verticalOrigin:Cesium.VerticalOrigin.TOP,scaleByDistance:new Cesium.NearFarScalar(0,1,12e3,1),distanceDisplayCondition:new Cesium.DistanceDisplayCondition(0,1e5),heightReference:Cesium.HeightReference.CLAMP_TO_GROUND,disableDepthTestDistance:Number.POSITIVE_INFINITY}}),this.warningText_24=this._viewer.entities.add({rectangle:{coordinates:Cesium.Rectangle.fromDegrees(124.81268223770111,28.97726827231024,129.27365416588438,29.506550516414443),classificationType:Cesium.ClassificationType.BOTH,material:new Cesium.Kq3dTextMaterial({text:"24小时警戒线",textStyles:{font:"80px sans-serif",fill:!0,fillColor:Cesium.Color.fromCssColorString("#828314"),stroke:!1,backgroundColor:new Cesium.Color(0,0,0,0),padding:5}}),rotation:Cesium.Math.toRadians(90),stRotation:Cesium.Math.toRadians(90)}}),this.warningLine_48=this._viewer.entities.add({polyline:{positions:Cesium.Cartesian3.fromDegreesArray([132,34,132,22,119,0,105,0]),width:2,material:new Cesium.PolylineDashMaterialProperty({color:new Cesium.Color(0,0,0,0),gapColor:Cesium.Color.fromCssColorString("#4dba3d"),dashLength:16,dashPattern:255}),clampToGround:!0}}),this.warningText_48=this._viewer.entities.add({rectangle:{coordinates:Cesium.Rectangle.fromDegrees(130.11221856757763,29.95719074491648,134.07046985436628,30.639828156283777),classificationType:Cesium.ClassificationType.BOTH,material:new Cesium.Kq3dTextMaterial({text:"48小时警戒线",textStyles:{font:"60px sans-serif",fill:!0,fillColor:Cesium.Color.fromCssColorString("#4dba3d"),stroke:!1,backgroundColor:new Cesium.Color(0,0,0,0),padding:5}}),rotation:Cesium.Math.toRadians(90),stRotation:Cesium.Math.toRadians(90)}})}remove(e){if(this._curTyphoon[e]&&this._curTyphoon[e].getHoverEvent){let t=this._curTyphoon[e].getHoverEvent();t&&t.removeEventListener(this.eventListener)}if(this._curTyphoon[e]&&this._curTyphoon[e].getPlayEvent){let t=this._curTyphoon[e].getPlayEvent();t&&t.removeEventListener(this.eventListener2)}this._curTyphoon[e]&&this._curTyphoon[e].divPoint&&(this._curTyphoon[e].divPoint.destroy(),this._curTyphoon[e].divPoint=null),this._curTyphoon[e]&&this._curTyphoon[e].stop&&this._curTyphoon[e].stop(),this._curTyphoon[e]&&this._curTyphoon[e].destroy&&this._curTyphoon[e].destroy(),this._curTyphoon[e]=null}clearDivPoint(e){this._curTyphoon[e]&&this._curTyphoon[e].divPoint&&(this._curTyphoon[e].divPoint.destroy(),this._curTyphoon[e].divPoint=null),this.divPoint&&(this.divPoint.destroy(),this.divPoint=null)}clear(){this.divPoint&&(this.divPoint.destroy(),this.divPoint=null);for(let e in this._curTyphoon)this.remove(e);this.warningLine_48&&this._viewer.entities.remove(this.warningLine_48),this.warningLine_48=null,this.warningText_48&&this._viewer.entities.remove(this.warningText_48),this.warningText_48=null,this.warningLine_24&&this._viewer.entities.remove(this.warningLine_24),this.warningLine_24=null,this.warningText_24&&this._viewer.entities.remove(this.warningText_24),this.warningText_24=null}destroy(){this.clear()}}var o=r(348),i=r(8422),a=r(3458),s=r(7080);const u={class:"kq3d-typhoon-trac-box"},c={class:"flex"},h={class:"flex"},d={name:"Kq3dTyphoonTrac"};var p=Object.assign(d,{props:{mapTarget:String,settingParams:{control:"object",description:"设置参数"},getTyphoonTracListByApi:{type:Function},getDataInfoByApi:{type:Function},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:o.IconTyphoonTrack},isRight:{type:Boolean,default:!0}},setup(r,{expose:l}){const d=r,{proxy:p}=(0,e.getCurrentInstance)();let f=(0,e.ref)(p.$i18n.global.messages[p.$i18n.global.locale].webgl),m=(0,e.ref)(""),g=null,v=((0,e.ref)(),(0,e.ref)({})),y=(0,e.ref)({}),_=((0,e.ref)(!1),(0,e.ref)(!1)),w=(0,e.ref)(null),T=(0,e.ref)(),C=(0,e.ref)(),P=(0,e.ref)([]),b=(0,e.ref)([]),k=e=>({"background-color":"var(--kq-fill-color-light)",color:"var(--kq-color-info)","font-size":"14px"}),x=(0,e.reactive)({collapseValue:d.settingParams?.collapseValue??"list",showUpload:d.settingParams?.showUpload??!0,typhoonTracPath:d.settingParams?.typhoonTracPath??""});const D=[{name:f.value.tropicalPressure,color:"#08F6A0, #00CF63"},{name:f.value.tropicalStorm,color:"#30AEFF, #007AEC"},{name:f.value.severeTropicalStorm,color:"#F3F81E, #E8CC00 "},{name:f.value.typhoonName,color:"#FFBE00, #FC8C00"},{name:f.value.severeTyphoon,color:"#FF84F9, #FF3EFF"},{name:f.value.superTyphoon,color:"#FF636F, #FF0016"}],V=[{name:f.value.chinaTitle,color:"#ff3c4e"},{name:f.value.chinaHKTitle,color:"#febd00"},{name:f.value.chinaTaiwanTitle,color:"#ff00fe"},{name:f.value.americaTtile,color:"#04faf7"},{name:f.value.japanTitle,color:"#24bc00"}];let{locale:N,messages:q}=(0,s.useI18n)(),S=(0,e.ref)(null);S.value=f.value.typhoonTracName,(0,e.watch)((()=>N.value),((e,t)=>{f.value=q.value[e].webgl,S.value=f.value.typhoonTracName,g&&g.changeLanguage(f.value)})),(0,e.onMounted)((()=>{(0,a.updatePosition)(w.value,d),(0,e.watch)((()=>d.position),((e,t)=>{(0,a.updatePosition)(w.value,x)})),$(),(0,e.watch)((()=>d.showHeaderTemp),((t,n)=>{(0,e.nextTick)((()=>{$()}))})),m.value=p.$i18n.locale,(0,e.nextTick)((()=>{t.utils.getWebMap(d.mapTarget,(e=>{e&&(g=new n(e),g._language=f.value,x.typhoonTracPath&&I(),d.getTyphoonTracListByApi&&(_.value=!0,d.getTyphoonTracListByApi((e=>{_.value=!1,R(),P.value=e}))))}))}))}));const $=()=>{d.showHeaderTemp&&(T.value=(0,a.createHeaderTemp)(w.value,(0,e.toRefs)(d),C,S))};function L(e){let t=URL.createObjectURL(e.raw);x.typhoonTracPath=t,I(),v.value={},y.value={},x.collapseValue="list"}function M(e){return function(e=new Date,t="datetime",n=!0){e instanceof Date||(e=new Date(e));"date"===t?t="YYYY-MM-DD":"datetime"===t&&(t="YYYY-MM-DD hh:mm:ss");const o={MM:(e.getMonth()+1).toString().padStart(n&&2,"0"),DD:e.getDate().toString().padStart(n&&2,"0"),hh:e.getHours().toString().padStart(n&&2,"0"),mm:e.getMinutes().toString().padStart(n&&2,"0"),ss:e.getSeconds().toString().padStart(n&&2,"0")};return o.MM+"-"+o.DD+" "+o.hh+"时"}(e.time)}async function B(e){if(d.getDataInfoByApi&&!e.getInfoVis){_.value=!0;try{await new Promise(((t,n)=>{d.getDataInfoByApi(e,(o=>{try{Object.assign(e,o),e.getInfoVis=!0,t()}catch(e){n(e)}}))}))}finally{_.value=!1}}}function E({row:e,column:t,rowIndex:n,columnIndex:o}){e.index=n,t.index=o}function A(e){g&&g.clearDivPoint(v.value.tfid),v.value.show||(v.value.show=!0),v.value.showPlayVis&&F(e.index,v.value),g&&g.rowClickPath(e.index,v.value)}function F(e,t){t.showPlayVis=!1,g&&g.stopPlayTyphoonTrac(t)}function I(){x&&x.typhoonTracPath?Cesium.Resource.fetchJson(x.typhoonTracPath).then((e=>{if(e){if(0===e.length)return void KqMessage({message:"features "+f.value.noDataMessage+"!",type:"warning",duration:2e3});P.value=e,R()}})):KqMessage({message:f.value.fileTypeMessage+"!",type:"warning",duration:2e3})}function R(){g&&g.clear()}return(0,e.onBeforeUnmount)((()=>{g&&g.destroy()})),l({getDataByPath:I,setTyphoonTracData:function(e){e&&e.length&&e.length>0&&(R(),P.value=e)}}),(t,n)=>{const a=(0,e.resolveComponent)("kq-icon"),l=(0,e.resolveComponent)("kq-button"),s=(0,e.resolveComponent)("kq-upload"),d=(0,e.resolveComponent)("kq-input"),p=(0,e.resolveComponent)("kq-row"),N=(0,e.resolveComponent)("kq-form-item"),q=(0,e.resolveComponent)("kq-form"),S=(0,e.resolveComponent)("kq-table-column"),$=(0,e.resolveComponent)("kq-table"),j=(0,e.resolveComponent)("kq-collapse-item"),Y=(0,e.resolveComponent)("kq-collapse");return(0,e.openBlock)(),(0,e.createElementBlock)("section",{class:(0,e.normalizeClass)(["kq3d-typhoon-trac",{"kq-box-shadow":r.showShadow}]),ref_key:"boxRef",ref:w},[r.showHeaderTemp?((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)((0,e.unref)(T)),{key:0,ref_key:"headerTempRef",ref:C},null,512)):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",u,[(0,e.unref)(x).showUpload?((0,e.openBlock)(),(0,e.createBlock)(p,{key:0},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(q,{"label-width":"100px"===(0,e.unref)(m),"label-position":"left"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(p,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(N,{label:(0,e.unref)(f).dataPath},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(p,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(d,{clearable:"",modelValue:(0,e.unref)(x).typhoonTracPath,"onUpdate:modelValue":n[0]||(n[0]=t=>(0,e.unref)(x).typhoonTracPath=t),onChange:n[1]||(n[1]=e=>{x&&x.typhoonTracPath?I():(v.value={},y.value={},x.collapseValue="list",P.value=[],R())}),placeholder:(0,e.unref)(f).videoPathPlace},{append:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{"on-change":L,"auto-upload":!1,"show-file-list":!1,accept:".json"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(l,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{size:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)((0,e.unref)(o.IconFolder2))])),_:1})])),_:1})])),_:1})])),_:1},8,["modelValue","placeholder"])])),_:1})])),_:1},8,["label"])])),_:1})])),_:1},8,["label-width"])])),_:1})):(0,e.createCommentVNode)("v-if",!0),(0,e.createVNode)(Y,{"model-value":(0,e.unref)(x).collapseValue},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(j,{title:(0,e.unref)(f).typhoonList,name:"list"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)($,{border:"",stripe:"",class:"listTable",data:(0,e.unref)(P),style:(0,e.normalizeStyle)([{width:"100%"},`height: ${0===(0,e.unref)(P).length?120:(0,e.unref)(P).length<4?40+40*(0,e.unref)(P).length:200}px`]),"header-cell-style":(0,e.unref)(k)},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(S,{label:(0,e.unref)(f).typhoonNumber,prop:"tfid",align:"center"},null,8,["label"]),(0,e.createVNode)(S,{label:(0,e.unref)(f).typhoonNameZh,prop:"name",align:"center"},null,8,["label"]),(0,e.createVNode)(S,{label:(0,e.unref)(f).typhoonNameEn,prop:"enname",align:"center"},null,8,["label"]),(0,e.createVNode)(S,{label:(0,e.unref)(f).operation,align:"center"},{default:(0,e.withCtx)((t=>[(0,e.createVNode)(a,{size:16,onClick:e=>async function(e,t){try{await B(t),t.show=!t.show,t.show||(g&&g.clearDivPoint(t.tfid),F(0,t)),g&&g.createTyphoonPath(t,!1)}catch(e){}}(t.$index,t.row),title:(0,e.unref)(f).location,style:(0,e.normalizeStyle)(t.row.show?"color:var(--kq-color-primary)":""),class:"iconClass",loading:(0,e.unref)(_)},{default:(0,e.withCtx)((()=>[t.row.show?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i.View),{key:0})):(0,e.createCommentVNode)("v-if",!0),t.row.show?(0,e.createCommentVNode)("v-if",!0):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i.Hide),{key:1}))])),_:2},1032,["onClick","title","style","loading"]),(0,e.createVNode)(a,{size:16,onClick:e=>async function(e,t){try{await B(t),t.showInfo=!0,x.collapseValue="info",v.value=t,b.value=t.points||[]}catch(e){}}(t.$index,t.row),title:(0,e.unref)(f).typhoonDetails,style:(0,e.normalizeStyle)(t.row.tfid===(0,e.unref)(v).tfid?"color:var(--kq-color-primary)":""),class:"iconClass",loading:(0,e.unref)(_)},{default:(0,e.withCtx)((()=>[(0,e.createVNode)((0,e.unref)(o.IconDetails))])),_:2},1032,["onClick","title","style","loading"]),t.row.tfid===(0,e.unref)(y).tfid&&t.row.showPlayVis?(0,e.createCommentVNode)("v-if",!0):((0,e.openBlock)(),(0,e.createBlock)(a,{key:0,size:16,onClick:e=>async function(e,t){try{await B(t),t.showPlayVis=!0,t.show=!0,y.value=t,g&&g.createTyphoonPath(t,!0)}catch(e){}}(t.$index,t.row),title:(0,e.unref)(f).play,class:"iconClass",loading:(0,e.unref)(_)},{default:(0,e.withCtx)((()=>[(0,e.createVNode)((0,e.unref)(o.IconVideoPlay))])),_:2},1032,["onClick","title","loading"])),t.row.tfid===(0,e.unref)(y).tfid&&t.row.showPlayVis?((0,e.openBlock)(),(0,e.createBlock)(a,{key:1,size:16,onClick:e=>F(t.$index,t.row),title:(0,e.unref)(f).stop,style:{color:"var(--kq-color-primary)"},class:"iconClass"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)((0,e.unref)(o.IconVideoPause))])),_:2},1032,["onClick","title"])):(0,e.createCommentVNode)("v-if",!0)])),_:1},8,["label"])])),_:1},8,["data","style","header-cell-style"])])),_:1},8,["title"]),(0,e.unref)(v).showInfo?((0,e.openBlock)(),(0,e.createBlock)(j,{key:0,title:(0,e.unref)(v).tfid+(0,e.unref)(v).name+(0,e.unref)(f).typhoonPath,name:"info",style:{"margin-top":"8px"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)($,{border:"",stripe:"",class:"listTablePath",data:(0,e.unref)(b),style:(0,e.normalizeStyle)([{width:"100%"},`height: ${0===(0,e.unref)(b).length?120:(0,e.unref)(b).length<4?40+40*(0,e.unref)(b).length:200}px`]),onRowClick:A,"cell-class-name":E,"header-cell-style":(0,e.unref)(k)},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(S,{label:(0,e.unref)(f).time,prop:"time",align:"center",formatter:M},null,8,["label"]),(0,e.createVNode)(S,{label:(0,e.unref)(f).windSpeed,prop:"speed",align:"center"},null,8,["label"]),(0,e.createVNode)(S,{label:(0,e.unref)(f).movingDirection,prop:"movedirection",align:"center"},null,8,["label"]),(0,e.createVNode)(S,{label:(0,e.unref)(f).strength,prop:"strong",align:"center"},null,8,["label"])])),_:1},8,["data","style","header-cell-style"])])),_:1},8,["title"])):(0,e.createCommentVNode)("v-if",!0)])),_:1},8,["model-value"]),(0,e.createVNode)(p,null,{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("ul",c,[((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(V,(t=>(0,e.createElementVNode)("li",{key:t.name,class:"flex items-center mr-2"},[(0,e.createElementVNode)("div",{class:"card mr-1",style:(0,e.normalizeStyle)(`border-top: 2px dashed ${t.color}`)},null,4),(0,e.createElementVNode)("span",null,(0,e.toDisplayString)(t.name),1)]))),64))])])),_:1}),(0,e.createVNode)(p,null,{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("ul",h,[((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(D,(t=>(0,e.createElementVNode)("li",{key:t.name,class:"flex items-center mr-3"},[(0,e.createElementVNode)("div",{class:"circle mr-1",style:(0,e.normalizeStyle)(`background: linear-gradient(180deg, ${t.color})`)},null,4),(0,e.createElementVNode)("span",null,(0,e.toDisplayString)(t.name),1)]))),64))])])),_:1})])],2)}}}),f=r(7997),m=r.n(f);p.install=(e,t)=>{m()(e,t),e.component(p.name,p)}}(),l}()}));