@farris/ui-vue 1.7.2 → 1.7.4

package/components/weather/index.umd.cjs

@@ -1 +1 @@
-(function(x,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@vueuse/core"),require("../progress/index.umd.js"),require("echarts"),require("jsonp"),require("crypto-js")):typeof define=="function"&&define.amd?define(["exports","vue","@vueuse/core","../progress/index.umd.js","echarts","jsonp","crypto-js"],e):(x=typeof globalThis<"u"?globalThis:x||self,e(x.weather={},x.Vue,x.VueUseCore,x.FProgress,x.echarts,x.jsonp,x.CryptoJS))})(this,function(x,e,W,D,j,E,S){"use strict";function F(o){const w=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const a in o)if(a!=="default"){const t=Object.getOwnPropertyDescriptor(o,a);Object.defineProperty(w,a,t.get?t:{enumerable:!0,get:()=>o[a]})}}return w.default=o,Object.freeze(w)}const V=F(j),O={cityItems:{type:Array,default:[{province:"北京",city:["北京"]},{province:"山东",city:["济南","青岛"]},{province:"黑龙江",city:["牡丹江","齐齐哈尔"]}]},themeItems:{type:Array,default:[{title:"school",adviceItems:["clothes","sports","sunscreen"]},{title:"office",adviceItems:["clothes","traffic","umbrella"]},{title:"construction",adviceItems:["clothes","chill","heatstroke"]},{title:"tourism",adviceItems:["clothes","sunscreen","tourism"]}]},data:{type:Object,default:{sunriseTime:e.ref(new Date),sunsetTime:e.ref(new Date),temperature:e.ref(0),max:e.ref(0),min:e.ref(0),weather:e.ref("阴"),air:e.ref(0),adviceItems:[{key:"clothes",value:{name:"穿衣",info:"毛衣",detail:"建议穿长袖毛衣等服装。"}},{key:"sports",value:{name:"运动",info:"适宜",detail:"各项气象条件都很好，很适合户外运动。"}},{key:"sunscreen",value:{name:"防晒",info:"强",detail:"建议涂抹SPF在15-20之间，PA++的防晒护肤品。"}},{key:"traffic",value:{name:"交通",info:"良好",detail:"天气较好，路面干燥，交通气象条件良好，车辆可以正常行驶。"}},{key:"umbrella",value:{name:"雨伞",info:"不带伞",detail:"天气较好，您在出门的时候无须带雨伞。"}},{key:"chill",value:{name:"风寒",info:"无",detail:"温度未达到风寒所需的低温，稍作防寒准备即可。"}},{key:"heatstroke",value:{name:"中暑",info:"无中暑风险",detail:"天气不热，在炎炎夏日中十分难得，可以告别暑气漫漫啦~"}},{key:"tourism",value:{name:"旅游",info:"适宜",detail:"天气较好，温度适宜，是个好天气哦。这样的天气适宜旅游，您可以尽情地享受大自然的风光。"}}],proindexItemsSet:[[{title:"紫外线",icon:"UV",value:"中等",info:"16:00前注意防晒",explain:"紫外线指数（UVI）测量紫外线辐射。UVI越高，潜在伤害就越大，造成伤害的速度也越快。"},{title:"降水量",icon:"rainfall",value:"0mm",info:"过去24小时",explain:"降水量，是指12或24小时内降雨（雪）量的总和。"}],[{title:"湿度",icon:"humidity",value:"31%",info:"露点温度为4°",explain:"空气中含水量与空气可容纳水量的比值。气温越高，空气可容纳的水量就越多。湿度高意味着可能结露或起雾。"},{title:"体感温度",icon:"apparentTemp",value:"14°",info:"风较大，体感更凉",explain:"体感温度传达身体感觉有多暖或多冷，可能与实际温度不同。体感温度受湿度和风影响。"}],[{title:"气压",icon:"pressure",value:"1010mpa",info:"当前气压较稳定",explain:"气压的显著急剧变化用于预测天气变化。例如，气压降低表示雨雪即将来临，升高则表示天气将好转。"},{title:"能见度",icon:"visibility",value:"19km",info:"目前非常好",explain:"能见度会告诉你可以清晰地看到多远以外的物体。能见度测量大气透明度，不考虑光照强度或障碍物。"}]],dayItemsSet:[[{icon:"sunny",temp:15},{icon:"sunny",temp:16},{icon:"sunny",temp:20},{icon:"sunny",temp:22},{icon:"sunny",temp:24},{icon:"cloudy",temp:23},{icon:"cloudy",temp:20},{icon:"cloudy",temp:19},{icon:"cloudy",temp:19},{icon:"cloudy",temp:18},{icon:"rainy1",temp:18},{icon:"rainy1",temp:17},{icon:"rainy1",temp:15},{icon:"rainy1",temp:15},{icon:"rainy2",temp:15},{icon:"rainy2",temp:15},{icon:"rainy2",temp:15},{icon:"sunny",temp:15},{icon:"sunny",temp:15},{icon:"sunny",temp:18},{icon:"sunny",temp:19},{icon:"sunny",temp:19},{icon:"sunny",temp:20},{icon:"sunny",temp:20}],[{icon:"rainy2",temp:15},{icon:"rainy2",temp:15},{icon:"rainy2",temp:15},{icon:"sunny",temp:15},{icon:"sunny",temp:15},{icon:"sunny",temp:18},{icon:"sunny",temp:19},{icon:"sunny",temp:19},{icon:"sunny",temp:20},{icon:"sunny",temp:20},{icon:"rainy2",temp:21},{icon:"rainy2",temp:21},{icon:"rainy2",temp:21},{icon:"sunny",temp:21},{icon:"sunny",temp:22},{icon:"sunny",temp:24},{icon:"sunny",temp:24},{icon:"sunny",temp:23},{icon:"sunny",temp:20},{icon:"sunny",temp:20},{icon:"sunny",temp:19},{icon:"sunny",temp:19},{icon:"sunny",temp:15},{icon:"sunny",temp:15}]],weekItems:[{icon:"rainy1",max:24,min:15},{icon:"rainy2",max:24,min:15},{icon:"foggy",max:26,min:11},{icon:"cloudy",max:22,min:7},{icon:"snowy1",max:10,min:3},{icon:"sunny",max:19,min:5},{icon:"snowy2",max:10,min:4}]}}},C={data:{type:Object,default:O},theme:{type:Number,default:1}};function k(o,w){function a(t){return t<10?"0"+t:t}return{addZero:a}}function b(o,w){const a=e.ref(o.data.data);return{colorTheme:e.computed(()=>new Date().getTime()-a.value.default.sunriseTime.getTime()<0||a.value.default.sunsetTime.getTime()-new Date().getTime()<0?["#151276","#7939e0","#332396","#814ca7"]:new Date().getTime()-a.value.default.sunriseTime.getTime()<36e5?["#49417b","#f1b655","#b1785b","#d99877"]:a.value.default.sunsetTime.getTime()-new Date().getTime()<36e5?["#9e2e2e","#f59b0b","#c15334","#ff7361"]:["#0273D7","#76BAFF","#388FFF","#75C6FE"])}}function T(o,w){const a=e.ref(o.data.data),t=b(o);function n(){let l=V.getInstanceByDom(document.getElementById("sunset"));l||(l=V.init(document.getElementById("sunset"),null,{height:170,width:380})),l.setOption({series:[{data:[{value:new Date().getTime()-a.value.default.sunriseTime.getTime(),itemStyle:{borderRadius:10,color:{type:"linear",x:1,y:0,x2:0,y2:0,colorStops:[{offset:1,color:t.colorTheme.value?t.colorTheme.value[3]:"white"},{offset:0,color:"white"}]}}},{value:a.value.default.sunsetTime.getTime()-new Date().getTime(),itemStyle:{opacity:0}}],type:"pie",center:["50%","100%"],radius:["200%","190%"],startAngle:180,endAngle:360,label:{show:!1},emphasis:{scale:!1},emptyCircleStyle:{borderType:"dashed"}},{type:"gauge",center:["50%","100%"],radius:"220%",startAngle:180,endAngle:360,axisTick:{show:!1},axisLabel:{show:!1},axisLine:{show:!1},splitNumber:20,splitLine:{length:3,lineStyle:{width:10,color:"white"}}}]})}function d(l){let u=V.getInstanceByDom(document.getElementById("chart24h"));u||(u=V.init(document.getElementById("chart24h"),null,{width:1885,height:75})),u.setOption({xAxis:{type:"category",show:!1},yAxis:{type:"value",show:!1},series:[{data:a.value.default.dayItemsSet[l].map(p=>p.temp),type:"line",itemStyle:{color:"white"}}]})}function m(){const l=document.getElementById("background");if(l){const u=l.getBoundingClientRect().width,p=Math.max(u,400)*1.11;let c=V.getInstanceByDom(document.getElementById("chart7d"));c?c.resize({width:p,height:90}):c=V.init(document.getElementById("chart7d"),null,{width:p,height:90}),c.setOption({grid:{left:0},xAxis:{type:"category",show:!1},yAxis:{type:"value",show:!1},series:[{data:a.value.default.weekItems.map(y=>y.min),type:"line",itemStyle:{color:"#5C90F9"}},{data:a.value.default.weekItems.map(y=>y.max),type:"line",itemStyle:{color:"#FC9657"}}]})}}function h(){const l=document.getElementById("airPoint"),u=document.getElementById("background");l&&u&&(l.style.marginLeft=a.value.default.air/500*(u.getBoundingClientRect().width-50)-5+"px")}function g(l){n(),d(l),m(),h()}return{renderChart24h:d,renderChart7d:m,renderCharts:g}}function _(o,w){const a=e.ref(),t=e.ref(o.data.data),n=e.ref(0),d=k(),m=T(o);function h(s){n.value=s}function g(s){switch(s){case 0:return"今天";case 1:return"明天";default:const i=new Date(new Date().getTime()+24*60*60*1e3*s).getDay(),r="周";switch(i){case 0:return r+"日";case 1:return r+"一";case 2:return r+"二";case 3:return r+"三";case 4:return r+"四";case 5:return r+"五";case 6:return r+"六"}break}}function l(s){const i=new Date(new Date().getTime()+864e5*s);return d.addZero(i.getMonth()+1)+"/"+d.addZero(i.getDate())}function u(){const i=a.value.getBoundingClientRect().width-120,r=document.getElementById("f-weather-24h-content");r&&(r.offsetLeft+i>-32?r.style.marginLeft="-32px":r.style.marginLeft=r.offsetLeft+i+"px")}function p(){const s=a.value.getBoundingClientRect().width,i=s-120,r=document.getElementById("f-weather-24h-content");if(r){const v=r.scrollWidth-s-130;r.offsetLeft-i<-v?r.style.marginLeft="-"+v+"px":r.style.marginLeft=r.offsetLeft-i+"px"}}function c(s,i){if(s===0){const r=new Date;return i===0?"现在":d.addZero((r.getHours()+i)%24)}else return d.addZero(i)}e.watch(n,()=>{const s=document.getElementById("f-weather-24h-content");s.style.marginLeft="-32px",m.renderChart24h(n.value)});function y(){return e.createVNode("div",{class:"f-weather-24h-container"},[e.createVNode("div",{class:"f-weather-24h-title"},[e.createTextVNode("24小时天气预报")]),e.createVNode("div",{class:"f-weather-lrbutton-container"},[e.createVNode("img",{src:"/components/weather/src/image/arrow-left.png",class:"f-weather-lrbutton-l",onClick:u},null),e.createVNode("img",{src:"/components/weather/src/image/arrow-right.png",class:"f-weather-lrbutton-r",onClick:p},null)]),e.createVNode("div",{class:"f-weather-24h-content-scroll"},[e.createVNode("div",{id:"f-weather-24h-content"},[t.value.default.dayItemsSet.map((s,i)=>i===n.value?e.createVNode("div",null,[e.createVNode("tr",{id:"report"+i,class:"f-weather-24h-tr"},[s.map((r,v)=>e.createVNode("td",{class:"f-weather-24h-td"},[e.createVNode("div",null,[c(i,v)]),e.createVNode("img",{src:"http://mat1.gtimg.com/pingjs/ext2020/weather/pc/icon/weather/day/"+r.icon+".png",class:"f-weather-24h-img"},null),e.createVNode("div",null,[r.temp+"°"])]))])]):""),e.createVNode("div",{id:"chart24h",class:"f-weather-chart24h"},null)])])])}function N(){return e.createVNode("div",{class:"f-weather-7d-container"},[e.createVNode("div",{class:"f-weather-7d-title"},[e.createTextVNode("七日天气预报")]),e.createVNode("tr",{class:"f-weather-7d-tr"},[t.value.default.weekItems.map((s,i)=>e.createVNode("td",{id:"day"+i,class:"f-weather-7d-td",style:"background-color: "+(i===n.value?"rgba(0, 0, 0, 0.05)":"none"),onClick:()=>h(i)},[e.createVNode("div",{class:"f-weather-7d-td-title"},[g(i)]),e.createVNode("div",{class:"f-weather-7d-td-date"},[l(i)]),e.createVNode("img",{src:"http://mat1.gtimg.com/pingjs/ext2020/weather/pc/icon/weather/day/"+s.icon+".png",class:"f-weather-7d-td-img"},null),e.createVNode("div",{class:"f-weather-7d-td-margin"},[s.max+"°"]),e.createVNode("div",null,[s.min+"°"])]))]),e.createVNode("div",{id:"chart7d",class:"f-weather-chart7d"},null)])}function f(){return e.createVNode("div",{ref:a},[y(),N()])}return{renderWeatherReport:f}}function A(o,w){const a=e.ref(o.data.data);function t(){return e.createVNode("div",null,[a.value.default.proindexItemsSet.map(n=>e.createVNode("tr",{class:"f-weather-proindex-tr"},[n.map(d=>e.createVNode("td",{class:"f-weather-proindex-td"},[e.createVNode("div",{class:"f-weather-proindex-content-scroll"},[e.createVNode("div",{class:"f-weather-proindex-content"},[e.createVNode("img",{src:"/components/weather/src/image/proindexImage/"+d.icon+".png",class:"f-weather-proindex-icon"},null),e.createVNode("div",{class:"f-weather-proindex-text"},[e.createVNode("div",{class:"f-weather-proindex-title"},[d.title]),e.createVNode("div",{class:"f-weather-proindex-value"},[d.value])]),e.createVNode("div",{class:"f-weather-proindex-line"},null),e.createVNode("br",null,null),e.createVNode("div",{class:"f-weather-proindex-info"},[d.info]),e.createVNode("br",null,null),e.createVNode("div",null,[d.explain])])])]))]))])}return{renderWeatherProindex:t}}function P(o,w){const a=e.ref(!0),t=b(o),{renderWeatherReport:n}=_(o),{renderWeatherProindex:d}=A(o),m=e.computed(()=>({"background-color":a.value?t.colorTheme.value[2]:"",color:a.value?"white":""})),h=e.computed(()=>({"background-color":a.value?"":t.colorTheme.value[2],color:a.value?"":"white"})),g=e.computed(()=>({display:a.value?"block":"none"})),l=e.computed(()=>({display:a.value?"none":"block"}));function u(){a.value=!0}function p(){a.value=!1}function c(){return e.createVNode("div",{class:"f-weather-container f-weather-detail"},[e.createVNode("div",{style:"display:flex"},[e.createVNode("button",{class:"f-weather-button f-weather-button-report",style:m.value,onClick:u},[e.createTextVNode("天气预报")]),e.createVNode("button",{class:"f-weather-button f-weather-button-proindex",style:h.value,onClick:p},[e.createTextVNode("其它参数")])]),e.createVNode("div",{style:g.value},[n()]),e.createVNode("div",{style:l.value},[d()])])}return{renderWeatherDetail:c}}function B(o,w){const a=o.data.cityItems.default,t=e.ref(o.data.data),n=T(o);function d(m,h){const g="https://wis.qq.com/weather/common?source=pc&weather_type=observe|forecast_1h|forecast_24h|index|rise|air&province="+a[m].province+"&city="+a[m].city[h];E(g,(f,s)=>{if(f)console.error("Error fetching data:",f);else{const i=s.data;t.value.default.temperature=i.observe.degree,t.value.default.max=i.forecast_24h[1].max_degree,t.value.default.min=i.forecast_24h[1].min_degree,t.value.default.weather=i.observe.weather,t.value.default.air=i.air.aqi,t.value.default.sunriseTime=new Date,t.value.default.sunsetTime=new Date,t.value.default.sunriseTime.setHours(Number(i.rise[0].sunrise.split(":")[0])),t.value.default.sunriseTime.setMinutes(Number(i.rise[0].sunrise.split(":")[1])),t.value.default.sunriseTime.setSeconds(0),t.value.default.sunriseTime.setMilliseconds(0),t.value.default.sunsetTime.setHours(Number(i.rise[0].sunset.split(":")[0])),t.value.default.sunsetTime.setMinutes(Number(i.rise[0].sunset.split(":")[1])),t.value.default.sunriseTime.setSeconds(0),t.value.default.sunriseTime.setMilliseconds(0),t.value.default.adviceItems.forEach(v=>{v.value=i.index[v.key]}),t.value.default.proindexItemsSet[0][0].value=i.index.ultraviolet.info,t.value.default.proindexItemsSet[0][1].value=i.observe.precipitation+"mm";let r;for(r=1;r<8;r++)t.value.default.weekItems[r-1].icon=i.forecast_24h[r].day_weather_code,t.value.default.weekItems[r-1].max=i.forecast_24h[r].max_degree,t.value.default.weekItems[r-1].min=i.forecast_24h[r].min_degree;for(r=0;r<24;r++)t.value.default.dayItemsSet[0][r].icon=i.forecast_1h[r].weather_code,t.value.default.dayItemsSet[0][r].temp=i.forecast_1h[r].degree;for(r=0;r<24&&!(i.forecast_1h[r].update_time.endsWith("000000")&&r!==0);r++);r--;for(let v=0;v<24;r++,v++)t.value.default.dayItemsSet[1][v].icon=i.forecast_1h[r].weather_code,t.value.default.dayItemsSet[1][v].temp=i.forecast_1h[r].degree}});const l=new Headers;l.append("User-Agent","Win64");const u="location="+a[m].city[m]+"&public_key=P2yFGyRckTUNG9rFt&ts="+new Date().getTime()+"&ttl=3000",c=S.HmacSHA1(u,"Sh3s--_vh1BWqUb_w"),y=encodeURIComponent(c.toString(S.enc.Base64)),N="https://api.seniverse.com/v3/weather/now.json?"+u+"&sig="+y;fetch(N,{method:"GET",headers:l}).then(f=>{if(!f.ok)throw new Error("Network response was not ok");return f.json()}).then(f=>{const s=f.results[0].now;t.value.default.proindexItemsSet[1][0].value=s.humidity+"%",t.value.default.proindexItemsSet[1][1].value=s.feels_like+"°",t.value.default.proindexItemsSet[2][0].value=s.pressure+"mpa",t.value.default.proindexItemsSet[2][1].value=Math.round(Number(s.visibility))+"km"}).catch(f=>{console.error("Error fetching data:",f)}),setTimeout(()=>{n.renderCharts(0)},500)}return{fetchData:d}}function R(o,w){const a=o.data.cityItems.default,t=e.ref(!1),n=e.ref(0),d=e.ref(0),m=e.ref(0),h=B(o),g=b(o),l=e.computed(()=>({"background-color":g.colorTheme.value[2]}));function u(){t.value=!t.value,n.value=0}function p(){const f=document.getElementById("provinceSelect");n.value=f.selectedIndex}function c(){const f=document.getElementById("provinceSelect"),s=document.getElementById("citySelect");d.value=f.selectedIndex,m.value=s.selectedIndex;const i=document.getElementById("f-weather-24h-content");i.style.marginLeft="-32px",h.fetchData(d.value,m.value),t.value=!1,n.value=0}function y(){return t.value?e.createVNode("div",{class:"f-weather-city-select"},[e.createVNode("select",{id:"provinceSelect",onChange:p},[a.map(f=>e.createVNode("option",null,[f.province]))]),e.createVNode("select",{id:"citySelect"},[a[n.value].city.map(f=>e.createVNode("option",null,[f]))]),e.createVNode("button",{class:"f-weather-button f-weather-button-city",style:l.value,onClick:c},[e.createTextVNode("确定")])]):""}function N(){return e.createVNode("div",{class:"f-weather-city"},[e.createVNode("span",{class:"f-weather-city-title"},[a[d.value].city[m.value]+"市"]),e.createVNode("img",{src:"/components/weather/src/image/choose.png",class:"f-weather-city-icon",onClick:u},null),y()])}return{renderWeatherCity:N}}function M(o,w){const a=e.ref(o.data.data),t=k();function n(){return e.createVNode("div",null,[e.createVNode("div",{id:"sunset",class:"f-weather-sunset-progress"},null),e.createVNode("div",{class:"f-weather-sunset-container"},[e.createVNode("img",{src:"/components/weather/src/image/sunrise.png",class:"f-weather-sunrise-img"},null),e.createVNode("img",{src:"/components/weather/src/image/sunset.png",class:"f-weather-sunset-img"},null),e.createVNode("div",null,[e.createVNode("span",{class:"f-weather-sunrise-text"},[t.addZero(a.value.default.sunriseTime.getHours())+":"+t.addZero(a.value.default.sunriseTime.getMinutes())]),e.createVNode("span",{class:"f-weather-sunset-text"},[t.addZero(a.value.default.sunsetTime.getHours())+":"+t.addZero(a.value.default.sunsetTime.getMinutes())])])])])}return{renderWeatherSunset:n}}function L(o,w){const a=o.data.themeItems.default,t=e.ref(o.theme),n=e.ref(o.data.data),d=e.computed(()=>({"animation-name":"icon","animation-duration":"0.8s","animation-iteration-count":"infinite"})),m=e.computed(()=>n.value.default.air<=50?"优":n.value.default.air<=100?"良":n.value.default.air<=150?"轻度污染":n.value.default.air<=200?"中度污染":n.value.default.air<=300?"重度污染":"严重污染"),h=e.computed(()=>n.value.default.air>300?{type:"smog",color:"red",title:"雾霾红色预警"}:n.value.default.air>200?{type:"smog",color:"orange",title:"雾霾橙色预警"}:n.value.default.air>150?{type:"smog",color:"yellow",title:"雾霾黄色预警"}:Math.max(...n.value.default.dayItemsSet[0].map(c=>c.temp))>40?{type:"highTemp",color:"red",title:"高温红色预警"}:Math.max(...n.value.default.dayItemsSet[0].map(c=>c.temp))>37?{type:"highTemp",color:"orange",title:"高温橙色预警"}:n.value.default.weekItems[0].max>35&&n.value.default.weekItems[1].max>35&&n.value.default.weekItems[2].max>35?{type:"highTemp",color:"yellow",title:"高温黄色预警"}:Math.max(...n.value.default.dayItemsSet[0].map(c=>c.temp))<=0&&n.value.default.dayItemsSet[0][0].temp>16?{type:"lowTemp",color:"red",title:"低温红色预警"}:Math.max(...n.value.default.dayItemsSet[0].map(c=>c.temp))<=0&&n.value.default.dayItemsSet[0][0].temp>12?{type:"lowTemp",color:"orange",title:"低温橙色预警"}:Math.max(...n.value.default.dayItemsSet[0].map(c=>c.temp))<=4&&n.value.default.dayItemsSet[0][0].temp>14?{type:"lowTemp",color:"yellow",title:"低温黄色预警"}:null);function g(){return h.value?e.createVNode("span",{class:"f-weather-warning-container"},[e.createVNode("span",{class:"f-weather-warning"},[e.createVNode("img",{src:"/components/weather/src/image/warningImage/"+(h.value.type+"-"+h.value.color)+".png",class:"f-weather-warning-icon",style:h.value?d.value:""},null),e.createVNode("span",{class:"f-weather-warning-text"},[e.createTextVNode(" "),h.value.title])])]):""}function l(){return e.createVNode("div",{class:"f-weather-information-text f-weather-advice-container"},[n.value.default.adviceItems.map(c=>a[t.value].adviceItems.includes(c.key)?e.createVNode("span",{class:"f-weather-advice"},[e.createVNode("span",null,[c.value.name,e.createTextVNode("："),c.value.info]),a[t.value].adviceItems.indexOf(c.key)!==2?e.createVNode("span",{class:"f-weather-advice-line"},null):"",e.createVNode("span",{class:"f-weather-advice-text"},[c.value.detail])]):"")])}function u(){return e.createVNode("div",{class:"f-weather-air"},[e.createVNode("div",{class:"f-weather-air-title"},[e.createTextVNode("空气质量："),n.value.default.air+" - "+m.value]),e.createVNode("div",{class:"f-weather-air-progress"},[e.createVNode(e.resolveComponent("f-progress"),{percent:100,enableBackgroundImg:!0,backgroundImg:"linear-gradient(90deg, #01C84C 0%, #F7FF01 26%, #FF0000 53%, #800080 78%, #A52A2A 100%)"},null),e.createVNode("img",{src:"/components/weather/src/image/point.png",id:"airPoint",class:"f-weather-air-point"},null)])])}function p(){return e.createVNode("div",{class:"f-weather-information-container"},[e.createVNode("div",{class:"f-weather-information"},[e.createVNode("div",{class:"f-weather-information-row1"},[e.createVNode("span",{class:"f-weather-temperature"},[n.value.default.temperature+" °"]),e.createVNode("span",{class:"f-weather-weather"},[n.value.default.weather])]),e.createVNode("div",{class:"f-weather-information-row2"},[g()])]),e.createVNode("div",{class:"f-weather-information-text f-weather-maxmin"},[n.value.default.min+"° ~ "+n.value.default.max+"°"]),l(),u()])}return{renderWeatherInformation:p}}function q(o,w){const a=e.ref(!1),{renderWeatherDetail:t}=P(o),{renderWeatherCity:n}=R(o),{renderWeatherSunset:d}=M(o),{renderWeatherInformation:m}=L(o),h=e.computed(()=>({"border-bottom-left-radius":a.value?"0px":null,"border-bottom-right-radius":a.value?"0px":null})),g=e.computed(()=>({display:a.value?"block":"none"}));function l(){a.value=!a.value}function u(){return e.createVNode("div",{class:"f-weather-header"},[n(),e.createVNode("button",{class:"f-weather-button f-weather-button-detail",onClick:l},[a.value?e.createVNode("div",null,[e.createTextVNode("隐藏详细信息")]):e.createVNode("div",null,[e.createTextVNode("显示详细信息")])])])}function p(){return e.createVNode("div",null,[e.createVNode("div",{class:"f-weather-container",style:h.value},[u(),d(),m()]),e.createVNode("div",{style:g.value},[t()])])}return{renderWeatherHome:p}}const I=e.defineComponent({name:"FWeather",components:{"f-progress":D},props:C,emits:[],setup(o,w){const a=e.ref(),t=e.ref(o.data.data),n=b(o),d=T(o),m=B(o),{renderWeatherHome:h}=q(o),g=e.computed(()=>({"background-image":"linear-gradient(132deg, "+n.colorTheme.value[0]+" 0%, "+n.colorTheme.value[1]+" 100%)"}));function l(){const u=a.value.getBoundingClientRect().width,p=document.getElementById("airPoint"),c=Math.max(a.value.getBoundingClientRect().width,400);p&&(p.style.marginLeft=t.value.default.air/500*(c-50)-5+"px");const y=document.getElementById("f-weather-24h-content");if(y){const N=y.scrollWidth-u-130;y.offsetLeft<-N&&(y.style.marginLeft="-"+Math.max(N,32)+"px")}d.renderChart7d()}return e.onMounted(()=>{W.useResizeObserver(a.value,l),m.fetchData(0,0)}),()=>e.createVNode("div",{ref:a,id:"background",class:"f-weather-background",style:g.value},[h()])}}),H={install(o){o.component(I.name,I)}};x.Weather=I,x.default=H,x.weatherProps=C,Object.defineProperties(x,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(g,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@vueuse/core"),require("../progress/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("echarts"),require("jsonp"),require("crypto-js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","@vueuse/core","../progress/index.umd.js","../dynamic-resolver/index.umd.js","echarts","jsonp","crypto-js","../designer-canvas/index.umd.js"],e):(g=typeof globalThis<"u"?globalThis:g||self,e(g.weather={},g.Vue,g.VueUseCore,g.FProgress,g.dynamicResolver,g.echarts,g.jsonp,g.CryptoJS,g.designerCanvas))})(this,function(g,e,F,k,j,E,A,B,O){"use strict";function _(r){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(m,t,a.get?a:{enumerable:!0,get:()=>r[t]})}}return m.default=r,Object.freeze(m)}const V=_(E),R=new Map([["appearance",j.resolveAppearance]]);function M(r,m,t){return m}const P={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/weather.schema.json",title:"weather",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a weather",type:"string"},type:{description:"The type string of weather component",type:"string",default:"weather"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}}},required:["id","type"]},L={title:"weather",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},q={cityItems:{type:Array,default:[{province:"北京",city:["北京"]},{province:"山东",city:["济南","青岛"]},{province:"黑龙江",city:["牡丹江","齐齐哈尔"]}]},themeItems:{type:Array,default:[{title:"school",adviceItems:["clothes","sports","sunscreen"]},{title:"office",adviceItems:["clothes","traffic","umbrella"]},{title:"construction",adviceItems:["clothes","chill","heatstroke"]},{title:"tourism",adviceItems:["clothes","sunscreen","tourism"]}]},data:{type:Object,default:{sunriseTime:e.ref(new Date),sunsetTime:e.ref(new Date),temperature:e.ref(0),max:e.ref(0),min:e.ref(0),weather:e.ref("阴"),air:e.ref(0),adviceItems:[{key:"clothes",value:{name:"穿衣",info:"毛衣",detail:"建议穿长袖毛衣等服装。"}},{key:"sports",value:{name:"运动",info:"适宜",detail:"各项气象条件都很好，很适合户外运动。"}},{key:"sunscreen",value:{name:"防晒",info:"强",detail:"建议涂抹SPF在15-20之间，PA++的防晒护肤品。"}},{key:"traffic",value:{name:"交通",info:"良好",detail:"天气较好，路面干燥，交通气象条件良好，车辆可以正常行驶。"}},{key:"umbrella",value:{name:"雨伞",info:"不带伞",detail:"天气较好，您在出门的时候无须带雨伞。"}},{key:"chill",value:{name:"风寒",info:"无",detail:"温度未达到风寒所需的低温，稍作防寒准备即可。"}},{key:"heatstroke",value:{name:"中暑",info:"无中暑风险",detail:"天气不热，在炎炎夏日中十分难得，可以告别暑气漫漫啦~"}},{key:"tourism",value:{name:"旅游",info:"适宜",detail:"天气较好，温度适宜，是个好天气哦。这样的天气适宜旅游，您可以尽情地享受大自然的风光。"}}],proindexItemsSet:[[{title:"紫外线",icon:"UV",value:"中等",info:"16:00前注意防晒",explain:"紫外线指数（UVI）测量紫外线辐射。UVI越高，潜在伤害就越大，造成伤害的速度也越快。"},{title:"降水量",icon:"rainfall",value:"0mm",info:"过去24小时",explain:"降水量，是指12或24小时内降雨（雪）量的总和。"}],[{title:"湿度",icon:"humidity",value:"31%",info:"露点温度为4°",explain:"空气中含水量与空气可容纳水量的比值。气温越高，空气可容纳的水量就越多。湿度高意味着可能结露或起雾。"},{title:"体感温度",icon:"apparentTemp",value:"14°",info:"风较大，体感更凉",explain:"体感温度传达身体感觉有多暖或多冷，可能与实际温度不同。体感温度受湿度和风影响。"}],[{title:"气压",icon:"pressure",value:"1010mpa",info:"当前气压较稳定",explain:"气压的显著急剧变化用于预测天气变化。例如，气压降低表示雨雪即将来临，升高则表示天气将好转。"},{title:"能见度",icon:"visibility",value:"19km",info:"目前非常好",explain:"能见度会告诉你可以清晰地看到多远以外的物体。能见度测量大气透明度，不考虑光照强度或障碍物。"}]],dayItemsSet:[[{icon:"sunny",temp:15},{icon:"sunny",temp:16},{icon:"sunny",temp:20},{icon:"sunny",temp:22},{icon:"sunny",temp:24},{icon:"cloudy",temp:23},{icon:"cloudy",temp:20},{icon:"cloudy",temp:19},{icon:"cloudy",temp:19},{icon:"cloudy",temp:18},{icon:"rainy1",temp:18},{icon:"rainy1",temp:17},{icon:"rainy1",temp:15},{icon:"rainy1",temp:15},{icon:"rainy2",temp:15},{icon:"rainy2",temp:15},{icon:"rainy2",temp:15},{icon:"sunny",temp:15},{icon:"sunny",temp:15},{icon:"sunny",temp:18},{icon:"sunny",temp:19},{icon:"sunny",temp:19},{icon:"sunny",temp:20},{icon:"sunny",temp:20}],[{icon:"rainy2",temp:15},{icon:"rainy2",temp:15},{icon:"rainy2",temp:15},{icon:"sunny",temp:15},{icon:"sunny",temp:15},{icon:"sunny",temp:18},{icon:"sunny",temp:19},{icon:"sunny",temp:19},{icon:"sunny",temp:20},{icon:"sunny",temp:20},{icon:"rainy2",temp:21},{icon:"rainy2",temp:21},{icon:"rainy2",temp:21},{icon:"sunny",temp:21},{icon:"sunny",temp:22},{icon:"sunny",temp:24},{icon:"sunny",temp:24},{icon:"sunny",temp:23},{icon:"sunny",temp:20},{icon:"sunny",temp:20},{icon:"sunny",temp:19},{icon:"sunny",temp:19},{icon:"sunny",temp:15},{icon:"sunny",temp:15}]],weekItems:[{icon:"rainy1",max:24,min:15},{icon:"rainy2",max:24,min:15},{icon:"foggy",max:26,min:11},{icon:"cloudy",max:22,min:7},{icon:"snowy1",max:10,min:3},{icon:"sunny",max:19,min:5},{icon:"snowy2",max:10,min:4}]}}},T={data:{type:Object,default:q},theme:{type:Number,default:1}},C=j.createPropsResolver(T,P,R,M,L);function D(r,m){function t(a){return a<10?"0"+a:a}return{addZero:t}}function I(r,m){const t=e.ref(r.data.data);return{colorTheme:e.computed(()=>new Date().getTime()-t.value.default.sunriseTime.getTime()<0||t.value.default.sunsetTime.getTime()-new Date().getTime()<0?["#151276","#7939e0","#332396","#814ca7"]:new Date().getTime()-t.value.default.sunriseTime.getTime()<36e5?["#49417b","#f1b655","#b1785b","#d99877"]:t.value.default.sunsetTime.getTime()-new Date().getTime()<36e5?["#9e2e2e","#f59b0b","#c15334","#ff7361"]:["#0273D7","#76BAFF","#388FFF","#75C6FE"])}}function S(r,m){const t=e.ref(r.data.data),a=I(r);function n(){let l=V.getInstanceByDom(document.getElementById("sunset"));l||(l=V.init(document.getElementById("sunset"),null,{height:170,width:380})),l.setOption({series:[{data:[{value:new Date().getTime()-t.value.default.sunriseTime.getTime(),itemStyle:{borderRadius:10,color:{type:"linear",x:1,y:0,x2:0,y2:0,colorStops:[{offset:1,color:a.colorTheme.value?a.colorTheme.value[3]:"white"},{offset:0,color:"white"}]}}},{value:t.value.default.sunsetTime.getTime()-new Date().getTime(),itemStyle:{opacity:0}}],type:"pie",center:["50%","100%"],radius:["200%","190%"],startAngle:180,endAngle:360,label:{show:!1},emphasis:{scale:!1},emptyCircleStyle:{borderType:"dashed"}},{type:"gauge",center:["50%","100%"],radius:"220%",startAngle:180,endAngle:360,axisTick:{show:!1},axisLabel:{show:!1},axisLine:{show:!1},splitNumber:20,splitLine:{length:3,lineStyle:{width:10,color:"white"}}}]})}function d(l){let u=V.getInstanceByDom(document.getElementById("chart24h"));u||(u=V.init(document.getElementById("chart24h"),null,{width:1885,height:75})),u.setOption({xAxis:{type:"category",show:!1},yAxis:{type:"value",show:!1},series:[{data:t.value.default.dayItemsSet[l].map(y=>y.temp),type:"line",itemStyle:{color:"white"}}]})}function f(){const l=document.getElementById("background");if(l){const u=l.getBoundingClientRect().width,y=Math.max(u,400)*1.11;let s=V.getInstanceByDom(document.getElementById("chart7d"));s?s.resize({width:y,height:90}):s=V.init(document.getElementById("chart7d"),null,{width:y,height:90}),s.setOption({grid:{left:0},xAxis:{type:"category",show:!1},yAxis:{type:"value",show:!1},series:[{data:t.value.default.weekItems.map(w=>w.min),type:"line",itemStyle:{color:"#5C90F9"}},{data:t.value.default.weekItems.map(w=>w.max),type:"line",itemStyle:{color:"#FC9657"}}]})}}function p(){const l=document.getElementById("airPoint"),u=document.getElementById("background");l&&u&&(l.style.marginLeft=t.value.default.air/500*(u.getBoundingClientRect().width-50)-5+"px")}function v(l){n(),d(l),f(),p()}return{renderChart24h:d,renderChart7d:f,renderCharts:v}}function H(r,m){const t=e.ref(),a=e.ref(r.data.data),n=e.ref(0),d=D(),f=S(r);function p(c){n.value=c}function v(c){switch(c){case 0:return"今天";case 1:return"明天";default:const i=new Date(new Date().getTime()+24*60*60*1e3*c).getDay(),o="周";switch(i){case 0:return o+"日";case 1:return o+"一";case 2:return o+"二";case 3:return o+"三";case 4:return o+"四";case 5:return o+"五";case 6:return o+"六"}break}}function l(c){const i=new Date(new Date().getTime()+864e5*c);return d.addZero(i.getMonth()+1)+"/"+d.addZero(i.getDate())}function u(){const i=t.value.getBoundingClientRect().width-120,o=document.getElementById("f-weather-24h-content");o&&(o.offsetLeft+i>-32?o.style.marginLeft="-32px":o.style.marginLeft=o.offsetLeft+i+"px")}function y(){const c=t.value.getBoundingClientRect().width,i=c-120,o=document.getElementById("f-weather-24h-content");if(o){const x=o.scrollWidth-c-130;o.offsetLeft-i<-x?o.style.marginLeft="-"+x+"px":o.style.marginLeft=o.offsetLeft-i+"px"}}function s(c,i){if(c===0){const o=new Date;return i===0?"现在":d.addZero((o.getHours()+i)%24)}else return d.addZero(i)}e.watch(n,()=>{const c=document.getElementById("f-weather-24h-content");c.style.marginLeft="-32px",f.renderChart24h(n.value)});function w(){return e.createVNode("div",{class:"f-weather-24h-container"},[e.createVNode("div",{class:"f-weather-24h-title"},[e.createTextVNode("24小时天气预报")]),e.createVNode("div",{class:"f-weather-lrbutton-container"},[e.createVNode("img",{src:"/components/weather/src/image/arrow-left.png",class:"f-weather-lrbutton-l",onClick:u},null),e.createVNode("img",{src:"/components/weather/src/image/arrow-right.png",class:"f-weather-lrbutton-r",onClick:y},null)]),e.createVNode("div",{class:"f-weather-24h-content-scroll"},[e.createVNode("div",{id:"f-weather-24h-content"},[a.value.default.dayItemsSet.map((c,i)=>i===n.value?e.createVNode("div",null,[e.createVNode("tr",{id:"report"+i,class:"f-weather-24h-tr"},[c.map((o,x)=>e.createVNode("td",{class:"f-weather-24h-td"},[e.createVNode("div",null,[s(i,x)]),e.createVNode("img",{src:"http://mat1.gtimg.com/pingjs/ext2020/weather/pc/icon/weather/day/"+o.icon+".png",class:"f-weather-24h-img"},null),e.createVNode("div",null,[o.temp+"°"])]))])]):""),e.createVNode("div",{id:"chart24h",class:"f-weather-chart24h"},null)])])])}function N(){return e.createVNode("div",{class:"f-weather-7d-container"},[e.createVNode("div",{class:"f-weather-7d-title"},[e.createTextVNode("七日天气预报")]),e.createVNode("tr",{class:"f-weather-7d-tr"},[a.value.default.weekItems.map((c,i)=>e.createVNode("td",{id:"day"+i,class:"f-weather-7d-td",style:"background-color: "+(i===n.value?"rgba(0, 0, 0, 0.05)":"none"),onClick:()=>p(i)},[e.createVNode("div",{class:"f-weather-7d-td-title"},[v(i)]),e.createVNode("div",{class:"f-weather-7d-td-date"},[l(i)]),e.createVNode("img",{src:"http://mat1.gtimg.com/pingjs/ext2020/weather/pc/icon/weather/day/"+c.icon+".png",class:"f-weather-7d-td-img"},null),e.createVNode("div",{class:"f-weather-7d-td-margin"},[c.max+"°"]),e.createVNode("div",null,[c.min+"°"])]))]),e.createVNode("div",{id:"chart7d",class:"f-weather-chart7d"},null)])}function h(){return e.createVNode("div",{ref:t},[w(),N()])}return{renderWeatherReport:h}}function $(r,m){const t=e.ref(r.data.data);function a(){return e.createVNode("div",null,[t.value.default.proindexItemsSet.map(n=>e.createVNode("tr",{class:"f-weather-proindex-tr"},[n.map(d=>e.createVNode("td",{class:"f-weather-proindex-td"},[e.createVNode("div",{class:"f-weather-proindex-content-scroll"},[e.createVNode("div",{class:"f-weather-proindex-content"},[e.createVNode("img",{src:"/components/weather/src/image/proindexImage/"+d.icon+".png",class:"f-weather-proindex-icon"},null),e.createVNode("div",{class:"f-weather-proindex-text"},[e.createVNode("div",{class:"f-weather-proindex-title"},[d.title]),e.createVNode("div",{class:"f-weather-proindex-value"},[d.value])]),e.createVNode("div",{class:"f-weather-proindex-line"},null),e.createVNode("br",null,null),e.createVNode("div",{class:"f-weather-proindex-info"},[d.info]),e.createVNode("br",null,null),e.createVNode("div",null,[d.explain])])])]))]))])}return{renderWeatherProindex:a}}function Z(r,m){const t=e.ref(!0),a=I(r),{renderWeatherReport:n}=H(r),{renderWeatherProindex:d}=$(r),f=e.computed(()=>({"background-color":t.value?a.colorTheme.value[2]:"",color:t.value?"white":""})),p=e.computed(()=>({"background-color":t.value?"":a.colorTheme.value[2],color:t.value?"":"white"})),v=e.computed(()=>({display:t.value?"block":"none"})),l=e.computed(()=>({display:t.value?"none":"block"}));function u(){t.value=!0}function y(){t.value=!1}function s(){return e.createVNode("div",{class:"f-weather-container f-weather-detail"},[e.createVNode("div",{style:"display:flex"},[e.createVNode("button",{class:"f-weather-button f-weather-button-report",style:f.value,onClick:u},[e.createTextVNode("天气预报")]),e.createVNode("button",{class:"f-weather-button f-weather-button-proindex",style:p.value,onClick:y},[e.createTextVNode("其它参数")])]),e.createVNode("div",{style:v.value},[n()]),e.createVNode("div",{style:l.value},[d()])])}return{renderWeatherDetail:s}}function W(r,m){const t=r.data.cityItems.default,a=e.ref(r.data.data),n=S(r);function d(f,p){const v="https://wis.qq.com/weather/common?source=pc&weather_type=observe|forecast_1h|forecast_24h|index|rise|air&province="+t[f].province+"&city="+t[f].city[p];A(v,(h,c)=>{if(h)console.error("Error fetching data:",h);else{const i=c.data;a.value.default.temperature=i.observe.degree,a.value.default.max=i.forecast_24h[1].max_degree,a.value.default.min=i.forecast_24h[1].min_degree,a.value.default.weather=i.observe.weather,a.value.default.air=i.air.aqi,a.value.default.sunriseTime=new Date,a.value.default.sunsetTime=new Date,a.value.default.sunriseTime.setHours(Number(i.rise[0].sunrise.split(":")[0])),a.value.default.sunriseTime.setMinutes(Number(i.rise[0].sunrise.split(":")[1])),a.value.default.sunriseTime.setSeconds(0),a.value.default.sunriseTime.setMilliseconds(0),a.value.default.sunsetTime.setHours(Number(i.rise[0].sunset.split(":")[0])),a.value.default.sunsetTime.setMinutes(Number(i.rise[0].sunset.split(":")[1])),a.value.default.sunriseTime.setSeconds(0),a.value.default.sunriseTime.setMilliseconds(0),a.value.default.adviceItems.forEach(x=>{x.value=i.index[x.key]}),a.value.default.proindexItemsSet[0][0].value=i.index.ultraviolet.info,a.value.default.proindexItemsSet[0][1].value=i.observe.precipitation+"mm";let o;for(o=1;o<8;o++)a.value.default.weekItems[o-1].icon=i.forecast_24h[o].day_weather_code,a.value.default.weekItems[o-1].max=i.forecast_24h[o].max_degree,a.value.default.weekItems[o-1].min=i.forecast_24h[o].min_degree;for(o=0;o<24;o++)a.value.default.dayItemsSet[0][o].icon=i.forecast_1h[o].weather_code,a.value.default.dayItemsSet[0][o].temp=i.forecast_1h[o].degree;for(o=0;o<24&&!(i.forecast_1h[o].update_time.endsWith("000000")&&o!==0);o++);o--;for(let x=0;x<24;o++,x++)a.value.default.dayItemsSet[1][x].icon=i.forecast_1h[o].weather_code,a.value.default.dayItemsSet[1][x].temp=i.forecast_1h[o].degree}});const l=new Headers;l.append("User-Agent","Win64");const u="location="+t[f].city[f]+"&public_key=P2yFGyRckTUNG9rFt&ts="+new Date().getTime()+"&ttl=3000",s=B.HmacSHA1(u,"Sh3s--_vh1BWqUb_w"),w=encodeURIComponent(s.toString(B.enc.Base64)),N="https://api.seniverse.com/v3/weather/now.json?"+u+"&sig="+w;fetch(N,{method:"GET",headers:l}).then(h=>{if(!h.ok)throw new Error("Network response was not ok");return h.json()}).then(h=>{const c=h.results[0].now;a.value.default.proindexItemsSet[1][0].value=c.humidity+"%",a.value.default.proindexItemsSet[1][1].value=c.feels_like+"°",a.value.default.proindexItemsSet[2][0].value=c.pressure+"mpa",a.value.default.proindexItemsSet[2][1].value=Math.round(Number(c.visibility))+"km"}).catch(h=>{console.error("Error fetching data:",h)}),setTimeout(()=>{n.renderCharts(0)},500)}return{fetchData:d}}function U(r,m){const t=r.data.cityItems.default,a=e.ref(!1),n=e.ref(0),d=e.ref(0),f=e.ref(0),p=W(r),v=I(r),l=e.computed(()=>({"background-color":v.colorTheme.value[2]}));function u(){a.value=!a.value,n.value=0}function y(){const h=document.getElementById("provinceSelect");n.value=h.selectedIndex}function s(){const h=document.getElementById("provinceSelect"),c=document.getElementById("citySelect");d.value=h.selectedIndex,f.value=c.selectedIndex;const i=document.getElementById("f-weather-24h-content");i.style.marginLeft="-32px",p.fetchData(d.value,f.value),a.value=!1,n.value=0}function w(){return a.value?e.createVNode("div",{class:"f-weather-city-select"},[e.createVNode("select",{id:"provinceSelect",onChange:y},[t.map(h=>e.createVNode("option",null,[h.province]))]),e.createVNode("select",{id:"citySelect"},[t[n.value].city.map(h=>e.createVNode("option",null,[h]))]),e.createVNode("button",{class:"f-weather-button f-weather-button-city",style:l.value,onClick:s},[e.createTextVNode("确定")])]):""}function N(){return e.createVNode("div",{class:"f-weather-city"},[e.createVNode("span",{class:"f-weather-city-title"},[t[d.value].city[f.value]+"市"]),e.createVNode("img",{src:"/components/weather/src/image/choose.png",class:"f-weather-city-icon",onClick:u},null),w()])}return{renderWeatherCity:N}}function z(r,m){const t=e.ref(r.data.data),a=D();function n(){return e.createVNode("div",null,[e.createVNode("div",{id:"sunset",class:"f-weather-sunset-progress"},null),e.createVNode("div",{class:"f-weather-sunset-container"},[e.createVNode("img",{src:"/components/weather/src/image/sunrise.png",class:"f-weather-sunrise-img"},null),e.createVNode("img",{src:"/components/weather/src/image/sunset.png",class:"f-weather-sunset-img"},null),e.createVNode("div",null,[e.createVNode("span",{class:"f-weather-sunrise-text"},[a.addZero(t.value.default.sunriseTime.getHours())+":"+a.addZero(t.value.default.sunriseTime.getMinutes())]),e.createVNode("span",{class:"f-weather-sunset-text"},[a.addZero(t.value.default.sunsetTime.getHours())+":"+a.addZero(t.value.default.sunsetTime.getMinutes())])])])])}return{renderWeatherSunset:n}}function G(r,m){const t=r.data.themeItems.default,a=e.ref(r.theme),n=e.ref(r.data.data),d=e.computed(()=>({"animation-name":"icon","animation-duration":"0.8s","animation-iteration-count":"infinite"})),f=e.computed(()=>n.value.default.air<=50?"优":n.value.default.air<=100?"良":n.value.default.air<=150?"轻度污染":n.value.default.air<=200?"中度污染":n.value.default.air<=300?"重度污染":"严重污染"),p=e.computed(()=>n.value.default.air>300?{type:"smog",color:"red",title:"雾霾红色预警"}:n.value.default.air>200?{type:"smog",color:"orange",title:"雾霾橙色预警"}:n.value.default.air>150?{type:"smog",color:"yellow",title:"雾霾黄色预警"}:Math.max(...n.value.default.dayItemsSet[0].map(s=>s.temp))>40?{type:"highTemp",color:"red",title:"高温红色预警"}:Math.max(...n.value.default.dayItemsSet[0].map(s=>s.temp))>37?{type:"highTemp",color:"orange",title:"高温橙色预警"}:n.value.default.weekItems[0].max>35&&n.value.default.weekItems[1].max>35&&n.value.default.weekItems[2].max>35?{type:"highTemp",color:"yellow",title:"高温黄色预警"}:Math.max(...n.value.default.dayItemsSet[0].map(s=>s.temp))<=0&&n.value.default.dayItemsSet[0][0].temp>16?{type:"lowTemp",color:"red",title:"低温红色预警"}:Math.max(...n.value.default.dayItemsSet[0].map(s=>s.temp))<=0&&n.value.default.dayItemsSet[0][0].temp>12?{type:"lowTemp",color:"orange",title:"低温橙色预警"}:Math.max(...n.value.default.dayItemsSet[0].map(s=>s.temp))<=4&&n.value.default.dayItemsSet[0][0].temp>14?{type:"lowTemp",color:"yellow",title:"低温黄色预警"}:null);function v(){return p.value?e.createVNode("span",{class:"f-weather-warning-container"},[e.createVNode("span",{class:"f-weather-warning"},[e.createVNode("img",{src:"/components/weather/src/image/warningImage/"+(p.value.type+"-"+p.value.color)+".png",class:"f-weather-warning-icon",style:p.value?d.value:""},null),e.createVNode("span",{class:"f-weather-warning-text"},[e.createTextVNode(" "),p.value.title])])]):""}function l(){return e.createVNode("div",{class:"f-weather-information-text f-weather-advice-container"},[n.value.default.adviceItems.map(s=>t[a.value].adviceItems.includes(s.key)?e.createVNode("span",{class:"f-weather-advice"},[e.createVNode("span",null,[s.value.name,e.createTextVNode("："),s.value.info]),t[a.value].adviceItems.indexOf(s.key)!==2?e.createVNode("span",{class:"f-weather-advice-line"},null):"",e.createVNode("span",{class:"f-weather-advice-text"},[s.value.detail])]):"")])}function u(){return e.createVNode("div",{class:"f-weather-air"},[e.createVNode("div",{class:"f-weather-air-title"},[e.createTextVNode("空气质量："),n.value.default.air+" - "+f.value]),e.createVNode("div",{class:"f-weather-air-progress"},[e.createVNode(e.resolveComponent("f-progress"),{percent:100,enableBackgroundImg:!0,backgroundImg:"linear-gradient(90deg, #01C84C 0%, #F7FF01 26%, #FF0000 53%, #800080 78%, #A52A2A 100%)"},null),e.createVNode("img",{src:"/components/weather/src/image/point.png",id:"airPoint",class:"f-weather-air-point"},null)])])}function y(){return e.createVNode("div",{class:"f-weather-information-container"},[e.createVNode("div",{class:"f-weather-information"},[e.createVNode("div",{class:"f-weather-information-row1"},[e.createVNode("span",{class:"f-weather-temperature"},[n.value.default.temperature+" °"]),e.createVNode("span",{class:"f-weather-weather"},[n.value.default.weather])]),e.createVNode("div",{class:"f-weather-information-row2"},[v()])]),e.createVNode("div",{class:"f-weather-information-text f-weather-maxmin"},[n.value.default.min+"° ~ "+n.value.default.max+"°"]),l(),u()])}return{renderWeatherInformation:y}}function J(r,m){const t=e.ref(!1),{renderWeatherDetail:a}=Z(r),{renderWeatherCity:n}=U(r),{renderWeatherSunset:d}=z(r),{renderWeatherInformation:f}=G(r),p=e.computed(()=>({"border-bottom-left-radius":t.value?"0px":null,"border-bottom-right-radius":t.value?"0px":null})),v=e.computed(()=>({display:t.value?"block":"none"}));function l(){t.value=!t.value}function u(){return e.createVNode("div",{class:"f-weather-header"},[n(),e.createVNode("button",{class:"f-weather-button f-weather-button-detail",onClick:l},[t.value?e.createVNode("div",null,[e.createTextVNode("隐藏详细信息")]):e.createVNode("div",null,[e.createTextVNode("显示详细信息")])])])}function y(){return e.createVNode("div",null,[e.createVNode("div",{class:"f-weather-container",style:p.value},[u(),d(),f()]),e.createVNode("div",{style:v.value},[a()])])}return{renderWeatherHome:y}}const b=e.defineComponent({name:"FWeather",components:{"f-progress":k},props:T,emits:[],setup(r,m){const t=e.ref(),a=e.ref(r.data.data),n=I(r),d=S(r),f=W(r),{renderWeatherHome:p}=J(r),v=e.computed(()=>({"background-image":"linear-gradient(132deg, "+n.colorTheme.value[0]+" 0%, "+n.colorTheme.value[1]+" 100%)"}));function l(){const u=t.value.getBoundingClientRect().width,y=document.getElementById("airPoint"),s=Math.max(t.value.getBoundingClientRect().width,400);y&&(y.style.marginLeft=a.value.default.air/500*(s-50)-5+"px");const w=document.getElementById("f-weather-24h-content");if(w){const N=w.scrollWidth-u-130;w.offsetLeft<-N&&(w.style.marginLeft="-"+Math.max(N,32)+"px")}d.renderChart7d()}return e.onMounted(()=>{F.useResizeObserver(t.value,l),f.fetchData(0,0)}),()=>e.createVNode("div",{ref:t,id:"background",class:"f-weather-background",style:v.value},[p()])}}),K=e.defineComponent({name:"FWeatherDesign",components:{"f-progress":k},props:T,emits:[],setup(r,m){const t=e.ref(),a=e.inject("design-item-context"),n=O.useDesignerComponent(t,a);return e.onMounted(()=>{t.value.componentInstance=n}),m.expose(n.value),()=>e.createVNode(b,{ref:t},null)}}),Q={install(r){r.component(b.name,b)},register(r,m,t,a){r.weather=b,m.weather=C},registerDesigner(r,m,t){r.weather=K,m.weather=C}};g.Weather=b,g.default=Q,g.propsResolver=C,g.weatherProps=T,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});