https://e.ntpc.gov.tw/assets/LayerView-2ec53068.js

1import{a as e,s as t,I as a,c as l,r as n,d as o,e as s,o as i,z as r,S as u,w as c,i as d,g as b,h as m,j as p,l as y,m as v,k as g,F as x,E as k,B as f,q as h,t as _,p as z}from"./main-98fbd6be.js";import{_ as w}from"./CAlert-01cd732c.js";import{_ as L}from"./CIconText-b8a2d219.js";import{_ as C}from"./Item_Feature-b7364dfb.js";import{_ as T}from"./Item_Link-ff54b884.js";import{u as I}from"./useDataStorage_Main-3ab0f4c1.js";import{u as j}from"./useDataStorage_Dashboard-3d35a9e9.js";import{u as $}from"./useModal-1ebfb9c4.js";import"./index-6ecbb469.js";const H={class:"d-flex align-items-center justify-content-between pt-2"},N={class:"ps-2"},O={key:0,class:"px-3 pt-2 mb-0"},D={class:"d-flex customize-bg-grey_1 px-0 pt-2"},F=["tabindex","onClick"],M={key:0,class:"d-flex align-items-center justify-content-between customize-bg-grey_5 px-3 py-2"},E={class:"customize-group-title-light"},G={key:0,class:"customize-group-border-bottom-grey_5 p-2"},S={key:0,class:"customize-group-content-light text-center customize-group-border-bottom-grey_5 px-3 py-3"},P=["innerHTML"],A={key:0,class:"customize-group-content-light text-center customize-group-border-bottom-grey_5 px-3 py-3"},R={key:0,class:"customize-title-sm-grey_2 customize-group-border-bottom-grey_5 text-center px-3 py-2"},X={key:1,class:"container-fluid customize-group-border-bottom-grey_5"},U={class:"row"},W=["tabindex","onClick"],V={class:"d-flex align-items-center justify-content-center overflow-hidden",style:{height:"120px"}},q=["src","alt"],B={key:0,class:"customize-title-sm-grey_2 customize-group-border-bottom-grey_5 text-center px-3 py-2"},J={key:5,class:"text-center pt-4"},K={class:"customize-title-sm-grey_2"},Q=["innerHTML"],Y={key:0},Z={class:"customize-group-content-light text-center customize-group-border-bottom-grey_5 px-3 py-3"},ee={key:1},te={class:"d-flex align-items-center justify-content-center customize-bg-grey_5 px-2 py-1"},ae={class:"d-flex align-items-center"},le={class:"mx-1"},ne={class:"mx-1"},oe={class:"dropdown-menu","aria-labelledby":"dropdown-sort"},se=["tabindex","disabled","onClick"],ie={__name:"LayerView",setup(ie){const{clickLog:re}=e(),ue=e(),{data_CurrentMapMode:ce}=t(ue),{setData_Layer:de,setCurrentLayerName:be,setMapLayerTooltip:me,setData_Feature:pe}=I(),ye=I(),{data_CurrentPosition:ve,data_Layer:ge,layerLoading:xe}=t(ye),{setCurrentDashboard:ke}=j(),{setImage_Content:fe}=$(),{uiAppearance:he}=a(),_e=l(),{displayPosition:ze,sidebarHeaderHeight:we,sidebarToolMobileHeight:Le,sidebarNavHeight:Ce,sidebarNavMobileHeight:Te,sidebarTabHeight:Ie,footerHeight:je}=t(_e),$e=n("LayerView"),He=o(),Ne=s(()=>{const e=He.path.split("/");let t="";if("news_info-layer"===He.name)t=`/${e[1]}`;else switch(ce.value){case"":t=`/${e[1]}/all`;break;case"around":t=`/${e[1]}/around`;break;case"focus":t=`/${e[1]}/focus`}return t}),Oe=s(()=>{let e="";if("news_info-layer"===He.name)e="最新資訊";else switch(ce.value){case"":e="全市";break;case"around":e="目前周邊";break;case"focus":e="關注周邊"}return e});i(()=>{const e=He.path.split("/")[2];be(e),ke(""),""===Pe.value&&null!==ge.value&&void 0!==ge.value.tabs&&Object.keys(ge.value.tabs).length>0&&(Pe.value=Object.keys(ge.value.tabs)[0]),"rescue"===e&&(Pe.value="火警"),Ee()}),r(()=>{xe.value=!1,null!==ge.value&&(document.title=`新北災訊E點通 | ${ge.value.content.title}`),Ee()}),u(()=>{de(null),Pe.value=""}),window.addEventListener("resize",()=>{Ee()}),c(()=>ze.value,e=>{Ee()}),c(()=>we.value,e=>{Ee()}),c(()=>Le.value,e=>{Ee()}),c(()=>Ce.value,e=>{Ee()}),c(()=>Te.value,e=>{Ee()}),c(()=>Ie.value,e=>{Ee()}),c(()=>je.value,e=>{Ee()}),c(()=>ge.value,e=>{""===Pe.value&&void 0!==e.tabs&&Object.keys(e.tabs).length>0&&(Pe.value=Object.keys(e.tabs)[0])},{deep:!0});let De=n(null),Fe=n(null),Me=n(null);function Ee(){let e=window.innerWidth,t=window.innerHeight;if(e>=992)null!==Me.value&&(Me.value.style.height=t-(we.value+Ce.value+Ie.value+De.value.clientHeight+Fe.value.clientHeight+je.value)+"px");else{let e=0;switch(ze.value){case"top":e=t-140;break;case"middle":e=t/2;break;case"bottom":e=44}null!==Me.value&&(Me.value.style.height=e-(Le.value+Te.value+Ie.value+De.value.clientHeight+Fe.value.clientHeight)+"px")}}const Ge=s(()=>[{name:"編號",disabled:!1},{name:"名稱",disabled:!1},{name:"距離",disabled:null===ve.value}]);let Se=n(!0),Pe=n(""),Ae=n(Ge.value[0]),Re=n(`${Ae.value}`);const Xe=e=>{me(e)},Ue=e=>{e.sort((e,t)=>

1{switch(Ae.value.name){case"編號":return!0===Se.value?e.featureIndex-t.featureIndex:t.featureIndex-e.featureIndex;case"名稱":return!0===Se.value?e.featureName.localeCompare(t.featureName,"zh-hant"):t.featureName.localeCompare(e.featureName,"zh-hant");case"距離":{const a=parseFloat(e.tags[1].text),l=parseFloat(t.tags[1].text);return!0===Se.value?a-l:l-a}}})};return(e,t)=>null!==d(ge)&&void 0!==d(ge).tabs?(b(),m(x,{key:0},[p("div",{ref_key:"sidebarContentHeader",ref:De,class:"customize-bg-sidebar-content-dark"},[p("div",H,[p("div",N,[y(v,{tabindex:d(ge).content.tabindex,"focus-color":"white",dom:"router-link",to:Ne.value,type:"sm","icon-name":"ARROW_LEFT",text:`返回${Oe.value}`,title:`返回${Oe.value}`,color:"grey_1",onClick:t[0]||(t[0]=e=>d(re)({name:"返回",text:`返回${Oe.value}`,view:$e.value,submenuId:d(ge).content.submenuId}))},null,8,["tabindex","to","text","title"])]),t[1]||(t[1]=p("div",null,null,-1))]),null!==d(ge)?(b(),m("h2",O,[y(L,{appearance:d(he).LIGHT,icon:d(ge).content.icon,text:d(ge).content.title},null,8,["appearance","icon","text"])])):g("",!0)],512),Object.keys(d(ge).tabs).length>1?(b(),m("div",{key:0,ref_key:"sidebarContentTab",ref:Fe},[p("div",D,[(b(!0),m(x,null,k(Object.values(d(ge).tabs),(e,t)=>(b(),m("button",{key:e.key,tabindex:d(ge).content.tabindex+(t+1),class:"btn rounded-0 customize-tab-dark text-nowrap w-100 py-1 px-2 customize-focus-white",onClick:t=>{d(re)({name:e.tabName,text:e.tabName,view:$e.value,submenuId:d(ge).content.submenuId}),f(Pe)?Pe.value=e.tabName:Pe=e.tabName,Ee()}},[h(_(e.tabName)+" ",1),p("div",{class:z(["rounded-pill mt-1",d(Pe)===e.tabName||""===d(Pe)&&0===t?"customize-tab_under_line-white":"customize-tab_under_line-grey_1"])},null,2)],8,F))),128))])],512)):(b(),m("div",{key:1,ref_key:"sidebarContentTab",ref:Fe,class:"customize-bg-grey_1 px-0 pt-2"},null,512)),p("div",{id:"sidebarContent",ref_key:"sidebarContent",ref:Me,class:"overflow-auto customize-scrollbar-light customize-bg-sidebar-light pb-5"},[(b(!0),m(x,null,k(Object.values(d(ge).tabs),(a,l)=>(b(),m(x,{key:a.key},[d(Pe)===a.tabName?(b(),m(x,{key:0},["info"===a.tabType?(b(!0),m(x,{key:0},k(a.tabGroups,a=>(b(),m(x,{key:a.key},[""!=a.groupName?(b(),m("div",M,[p("div",E,_(a.groupName),1),t[2]||(t[2]=p("div",null,null,-1))])):g("",!0),(b(!0),m(x,null,k(a.groupContent,t=>(b(),m(x,{key:t.key},["instruction"===t.displayType?(b(),m("div",G,[y(w,{"icon-name":"EXCLAMATION",text:t.text,color:"black","bg-color":"yellow"},null,8,["text"])])):"layerDescription"===t.displayType?(b(),m(x,{key:1},[""===t.text?(b(),m("div",S,_(e.$t("common.none")),1)):(b(),m("div",{key:1,class:"customize-content-black customize-group-border-bottom-grey_5 p-3",innerHTML:t.text},null,8,P))],64)):"link"===t.displayType?(b(),m(x,{key:2},[0===t.dataList.length?(b(),m("div",A,_(e.$t("common.none")),1)):(b(!0),m(x,{key:1},k(t.dataList,e=>(b(),m("div",{key:e.key,class:"customize-group-border-bottom-grey_5"},[y(T,{tabindex:d(ge).content.tabindex+(l+1),appearance:d(he).LIGHT,title:e.title,url:e.url},null,8,["tabindex","appearance","title","url"])]))),128))],64)):"image"===t.displayType?(b(),m(x,{key:3},[0===t.dataList.length?(b(),m("div",R,_(e.$t("common.none")),1)):(b(),m("div",X,[p("div",U,[(b(!0),m(x,null,k(t.dataList,(e,t)=>(b(),m("div",{class:"col-12 col-sm-6 col-md-4 col-lg-6 p-0",key:e.key},[p("button",{"data-bs-toggle":"modal","data-bs-target":"#modalImage",tabindex:d(ge).content.tabindex+(t+1),class:"upload btn rounded-0 customize-interact-grey_2 customize-border-white w-100 p-0 position-relative customize-focus-blue",onClick:t=>d(fe)({src:e.src,alt:e.alt})},[p("div",V,[p("img",{src:e.src,alt:e.alt,style:{width:"100%",height:"100%","object-fit":"cover"}},null,8,q)])],8,W)]))),128))])]))],64)):"file"===t.displayType?(b(),m(x,{key:4},[0===t.dataList.length?(b(),m("div",B,_(e.$t("common.none")),1)):(b(!0),m(x,{key:1},k(t.dataList,e=>(b(),m("div",{key:e.key,class:"customize-group-border-bottom-grey_5"},[y(T,{tabindex:d(ge).content.tabindex+(l+1),appearance:d(he).LIGHT,"icon-name":e.name.toUpperCase().search(".PDF")>=0?"FILE_PDF":e.name.toUpperCase().search(".DOCX")>

1=0?"FILE_WORD":e.name.toUpperCase().search(".XLSX")>=0?"FILE_EXCEL":"FILE",title:e.name,url:e.src},null,8,["tabindex","appearance","icon-name","title","url"])]))),128))],64)):"dataSource"===t.displayType?(b(),m("div",J,[p("div",K,_(e.$t("feature.dataSource")),1),p("div",{class:"customize-content-black pt-2",innerHTML:t.text},null,8,Q)])):g("",!0)],64))),128))],64))),128)):"list"===a.tabType?(b(),m(x,{key:1},[0===a.tabGroups.length?(b(),m("div",Y,[p("div",Z,_(e.$t("common.none")),1)])):(b(),m("div",ee,[p("div",te,[p("div",ae,[p("div",le,[y(v,{tabindex:d(ge).content.tabindex+(l+1),"focus-color":"blue",type:"sm","icon-name":!0===d(Se)?"SORT_DOWN":"SORT_UP",text:`${a.tabGroups.length}`,title:`${a.tabGroups.length}`,color:"grey_5",onClick:e=>{f(Se)?Se.value=!d(Se):Se=!d(Se),Ue(a.tabGroups)}},null,8,["tabindex","icon-name","text","title","onClick"])]),p("div",ne,[y(v,{id:"dropdown-sort","data-bs-toggle":"dropdown",tabindex:d(ge).content.tabindex+(l+1),"focus-color":"blue",type:"sm",text:`排序：${d(Ae).name}`,title:`排序：${d(Ae).name}`,color:"grey_5",dropdown:!0},null,8,["tabindex","text","title"]),p("ul",oe,[(b(!0),m(x,null,k(Ge.value,e=>(b(),m("li",{key:e.key},[p("button",{tabindex:d(ge).content.tabindex+(l+1),class:"dropdown-item customize-title-black text-center customize-focus-blue",disabled:e.disabled,onClick:t=>{f(Ae)?Ae.value=e:Ae=e,f(Re)?Re.value=n(`排序：${d(Ae).name}`):Re=n(`排序：${d(Ae).name}`),Ue(a.tabGroups)}},_(e.name),9,se)]))),128))])])])]),(b(!0),m(x,null,k(a.tabGroups,e=>(b(),m("div",{key:e.key,class:"customize-group-border-bottom-grey_5"},[y(C,{tabindex:d(ge).content.tabindex+(l+1),"route-root":d(He).fullPath.split("/")[1],feature:e,"submenu-id":d(ge).content.submenuId,view:"LayerView",onClick:Xe},null,8,["tabindex","route-root","feature","submenu-id"])]))),128))]))],64)):g("",!0)],64)):g("",!0)],64))),128))],512)],64)):g("",!0)}};export{ie as default};