@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/components/weather/index.umd.cjs

@@ -1 +1 @@
-(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"}})});
+(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"}})});

package/designer/accordion/index.esm.js

@@ -0,0 +1,257 @@
+import D, { accordionProps as g, accordionItemProps as y, FAccordionItem as x } from "../../components/accordion/index.esm.js";
+import { resolveAppearance as S, createPropsResolver as v } from "../../components/dynamic-resolver/index.esm.js";
+import { defineComponent as b, computed as s, ref as l, inject as P, onMounted as k, createVNode as n } from "vue";
+import { useDesignerComponent as q } from "../../components/designer-canvas/index.esm.js";
+const f = /* @__PURE__ */ b({
+  name: "FAccordionDesign",
+  props: g,
+  emits: [],
+  setup(t, e) {
+    const i = s(() => ({
+      height: t.height ? `${t.height}px` : "",
+      width: t.width ? `${t.width}px` : ""
+    })), o = s(() => {
+      const u = t.customClass.split(" "), a = {
+        "farris-panel": !0,
+        accordion: !0
+      };
+      return u.reduce((d, m) => (d[m] = !0, d), a), a;
+    }), c = l(), p = P("design-item-context"), r = q(c, p);
+    return k(() => {
+      c.value.componentInstance = r;
+    }), e.expose(r.value), () => n("div", {
+      ref: c,
+      class: o.value,
+      style: i.value
+    }, [e.slots.default && e.slots.default()]);
+  }
+}), H = /* @__PURE__ */ b({
+  name: "FAccordionItemDesign",
+  props: y,
+  emits: [],
+  setup(t, e) {
+    const i = l(t.title), o = l(!1), c = l(!1);
+    function p() {
+      o.value = !o.value;
+    }
+    function r(h) {
+      p();
+    }
+    const u = s(() => ({
+      "f-state-disabled": c.value,
+      card: !0,
+      "farris-panel-item": !0,
+      "f-state-selected": o.value
+    })), a = s(() => !0), d = s(() => !1), m = s(() => ({
+      "f-icon": !0,
+      "f-accordion-collapse": !o.value,
+      "f-accordion-expand": o.value
+    })), I = s(() => {
+      const h = t.maxHeight ? {
+        transition: "maxHeight 0.36s ease 0s",
+        "max-height": o.value ? `${t.maxHeight}px` : 0
+      } : {
+        transition: "height 0.36s ease 0s",
+        height: o.value ? `${t.height}px` : 0
+      };
+      return o.value || (h.overflow = "hidden"), h;
+    });
+    function j() {
+      return !0;
+    }
+    function w() {
+      return !1;
+    }
+    function F() {
+      return !0;
+    }
+    return e.expose({
+      canMove: j(),
+      canSelectParent: w(),
+      canDelete: F(),
+      canNested: !0
+    }), () => n("div", {
+      class: u.value
+    }, [n("div", {
+      class: "card-header",
+      onClick: r
+    }, [n("div", {
+      class: "panel-item-title"
+    }, [a.value && n("span", null, [i.value]), d.value && e.slots.head && e.slots.head(), n("span", {
+      class: m.value
+    }, null)]), n("div", {
+      class: "panel-item-tool"
+    }, [e.slots.toolbar && e.slots.toolbar()]), n("div", {
+      class: "panel-item-clear"
+    }, null)]), n("div", {
+      style: I.value
+    }, [n("div", {
+      class: "card-body drag-container"
+    }, [e.slots.default && e.slots.default()])])]);
+  }
+}), C = /* @__PURE__ */ new Map([
+  ["appearance", S],
+  ["size", (t, e) => {
+    const i = {};
+    return e.width && (i.width = Number(e.width)), e.height && (i.height = Number(e.height)), i;
+  }]
+]), R = "https://json-schema.org/draft/2020-12/schema", z = "https://farris-design.gitee.io/accordion.schema.json", M = "accordion", N = "A Farris Container Component", T = "object", O = {
+  id: {
+    description: "The unique identifier for a Accordion",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Accordion component",
+    type: "string",
+    default: "accordion"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  contents: {
+    description: "",
+    type: "array",
+    default: []
+  },
+  customClass: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  size: {
+    description: "",
+    type: "object",
+    properties: {
+      width: {
+        type: "number"
+      },
+      height: {
+        type: "number"
+      }
+    },
+    default: null
+  },
+  enableFold: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  expanded: {
+    description: "",
+    type: "boolean",
+    default: !1
+  }
+}, B = [
+  "id",
+  "type",
+  "contents"
+], V = {
+  $schema: R,
+  $id: z,
+  title: M,
+  description: N,
+  type: T,
+  properties: O,
+  required: B
+};
+function E(t, e, i) {
+  return e;
+}
+const G = "accordion", J = "A Farris Component", K = "object", L = {
+  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 = {
+  title: G,
+  description: J,
+  type: K,
+  categories: L
+}, U = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-design.gitee.io/accordion-item.schema.json", X = "AccordionItem", Y = "A Farris Container Component", Z = "object", _ = {
+  id: {
+    description: "The unique identifier for a Accordion Item",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Accordion Item component",
+    type: "string"
+  },
+  contents: {
+    description: "",
+    type: "array",
+    default: []
+  },
+  size: {
+    description: "",
+    type: "object",
+    properties: {
+      width: {
+        type: "number"
+      },
+      height: {
+        type: "number"
+      }
+    },
+    default: null
+  },
+  title: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  disable: {
+    description: "",
+    type: "boolean",
+    default: !1
+  }
+}, ee = [
+  "id",
+  "type",
+  "contents"
+], te = {
+  $schema: U,
+  $id: W,
+  title: X,
+  description: Y,
+  type: Z,
+  properties: _,
+  required: ee
+}, $ = v(y, te, C), A = v(g, V, C, E, Q);
+f.register = (t, e, i, o) => {
+  t.accordion = D, t["accordion-item"] = x, e.accordion = A, e["accordion-item"] = $;
+};
+f.registerDesigner = (t, e, i) => {
+  t.accordion = f, t["accordion-item"] = H, e.accordion = A, e["accordion-item"] = $;
+};
+export {
+  $ as accordionItemPropsResolver,
+  A as accordionPropsResolver,
+  f as default
+};

package/designer/accordion/index.umd.cjs

@@ -0,0 +1 @@
+(function(n,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("../../components/accordion/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/accordion/index.umd.js","../../components/dynamic-resolver/index.umd.js","vue","../../components/designer-canvas/index.umd.js"],s):(n=typeof globalThis<"u"?globalThis:n||self,s(n.accordion={},n.FAccordion,n.dynamicResolver,n.Vue,n.designerCanvas))})(this,function(n,s,u,e,b){"use strict";const a=e.defineComponent({name:"FAccordionDesign",props:s.accordionProps,emits:[],setup(o,t){const r=e.computed(()=>({height:o.height?`${o.height}px`:"",width:o.width?`${o.width}px`:""})),i=e.computed(()=>{const y=o.customClass.split(" "),p={"farris-panel":!0,accordion:!0};return y.reduce((l,g)=>(l[g]=!0,l),p),p}),c=e.ref(),h=e.inject("design-item-context"),d=b.useDesignerComponent(c,h);return e.onMounted(()=>{c.value.componentInstance=d}),t.expose(d.value),()=>e.createVNode("div",{ref:c,class:i.value,style:r.value},[t.slots.default&&t.slots.default()])}}),v=e.defineComponent({name:"FAccordionItemDesign",props:s.accordionItemProps,emits:[],setup(o,t){const r=e.ref(o.title),i=e.ref(!1),c=e.ref(!1);function h(){i.value=!i.value}function d($){h()}const y=e.computed(()=>({"f-state-disabled":c.value,card:!0,"farris-panel-item":!0,"f-state-selected":i.value})),p=e.computed(()=>!0),l=e.computed(()=>!1),g=e.computed(()=>({"f-icon":!0,"f-accordion-collapse":!i.value,"f-accordion-expand":i.value})),A=e.computed(()=>{const $=o.maxHeight?{transition:"maxHeight 0.36s ease 0s","max-height":i.value?`${o.maxHeight}px`:0}:{transition:"height 0.36s ease 0s",height:i.value?`${o.height}px`:0};return i.value||($.overflow="hidden"),$});function N(){return!0}function P(){return!1}function q(){return!0}return t.expose({canMove:N(),canSelectParent:P(),canDelete:q(),canNested:!0}),()=>e.createVNode("div",{class:y.value},[e.createVNode("div",{class:"card-header",onClick:d},[e.createVNode("div",{class:"panel-item-title"},[p.value&&e.createVNode("span",null,[r.value]),l.value&&t.slots.head&&t.slots.head(),e.createVNode("span",{class:g.value},null)]),e.createVNode("div",{class:"panel-item-tool"},[t.slots.toolbar&&t.slots.toolbar()]),e.createVNode("div",{class:"panel-item-clear"},null)]),e.createVNode("div",{style:A.value},[e.createVNode("div",{class:"card-body drag-container"},[t.slots.default&&t.slots.default()])])])}}),C=new Map([["appearance",u.resolveAppearance],["size",(o,t)=>{const r={};return t.width&&(r.width=Number(t.width)),t.height&&(r.height=Number(t.height)),r}]]),j={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/accordion.schema.json",title:"accordion",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Accordion",type:"string"},type:{description:"The type string of Accordion component",type:"string",default:"accordion"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},customClass:{description:"",type:"string",default:""},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},enableFold:{description:"",type:"boolean",default:!0},expanded:{description:"",type:"boolean",default:!1}},required:["id","type","contents"]};function I(o,t,r){return t}const w={title:"accordion",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:[]}}}}}},x={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/accordion-item.schema.json",title:"AccordionItem",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Accordion Item",type:"string"},type:{description:"The type string of Accordion Item component",type:"string"},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},title:{description:"",type:"string",default:""},disable:{description:"",type:"boolean",default:!1}},required:["id","type","contents"]},m=u.createPropsResolver(s.accordionItemProps,x,C),f=u.createPropsResolver(s.accordionProps,j,C,I,w);a.register=(o,t,r,i)=>{o.accordion=s,o["accordion-item"]=s.FAccordionItem,t.accordion=f,t["accordion-item"]=m},a.registerDesigner=(o,t,r)=>{o.accordion=a,o["accordion-item"]=v,t.accordion=f,t["accordion-item"]=m},n.accordionItemPropsResolver=m,n.accordionPropsResolver=f,n.default=a,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/designer/avatar/index.esm.js

@@ -0,0 +1,227 @@
+import Q, { avatarProps as H } from "../../components/avatar/index.esm.js";
+import { resolveAppearance as P, createPropsResolver as b } from "../../components/dynamic-resolver/index.esm.js";
+import { withInstall as T } from "../../components/common/index.esm.js";
+import { ref as u, computed as l, defineComponent as q, inject as C, onMounted as I, createVNode as c } from "vue";
+import { useDesignerComponent as x } from "../../components/designer-canvas/index.esm.js";
+import { InputBaseProperty as D } from "../../components/property-panel/index.esm.js";
+function E(e, t, a, r) {
+  const n = "data:image/jpeg;base64,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", o = u(e.readonly);
+  function i(A) {
+    return A.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/) != null;
+  }
+  function g(A) {
+    return A.indexOf("data:image/") > -1;
+  }
+  function f(A) {
+    return "data:image/jpeg;base64," + A;
+  }
+  const v = l(() => {
+    var d;
+    if (!e.imageType || !e.imageType.length)
+      return "";
+    const A = (d = e.imageType) == null ? void 0 : d.map((s) => (s === "jpg" && (s = "jpeg"), `image/${s}`));
+    return !A || !A.length ? "image/*" : A.join(",");
+  }), y = l(() => {
+    const A = r.value || e.cover || n;
+    return i(A) || g(A) ? A : f(A);
+  }), m = l(() => o.value ? "" : e.title);
+  function B() {
+    o.value || a && a.value && a.value.click();
+  }
+  return { acceptTypes: v, imageSource: y, imageTitle: m, onClickImage: B };
+}
+class S extends D {
+  constructor(t, a) {
+    super(t, a);
+  }
+  getEditorProperties(t) {
+    return {
+      description: "编辑器",
+      title: "编辑器",
+      type: "avatar",
+      $converter: "/converter/property-editor.converter",
+      parentPropertyID: "editor",
+      properties: {
+        readonly: {
+          description: "",
+          title: "只读",
+          type: "boolean"
+        },
+        avatarWidth: {
+          description: "",
+          title: "头像宽度",
+          type: "number"
+        },
+        avatarHeight: {
+          description: "",
+          title: "头像高度",
+          type: "number"
+        },
+        cover: {
+          description: "",
+          title: "封面",
+          type: "string"
+        }
+      }
+    };
+  }
+}
+function j(e, t) {
+  const a = e.schema;
+  function r(n, o) {
+    return new S(n, t).getPropertyConfig(a, o);
+  }
+  return {
+    getPropsConfig: r
+  };
+}
+const p = /* @__PURE__ */ q({
+  name: "FAvatarDesign",
+  props: H,
+  emits: ["change", "update:modelValue"],
+  setup(e, t) {
+    const a = u(), r = C("designer-host-service"), n = C("design-item-context"), o = j(n, r), i = x(a, n, o);
+    I(() => {
+      a.value.componentInstance = i;
+    }), t.expose(i.value);
+    const g = l(() => ({
+      "f-avatar": !0,
+      "f-avatar-readonly": e.readonly,
+      "f-avatar-circle": e.shape === "circle",
+      "f-avatar-square": e.shape === "square"
+    })), f = u(e.modelValue), v = l(() => ({
+      width: e.avatarWidth + "px",
+      height: e.avatarHeight + "px"
+    })), y = !1;
+    function m() {
+      return "";
+    }
+    function B() {
+    }
+    const A = u(null), {
+      acceptTypes: d,
+      imageSource: s,
+      onClickImage: R
+    } = E(e, t, A, f);
+    return () => c("div", {
+      ref: a,
+      class: g.value,
+      style: v.value,
+      onClick: R
+    }, [y, c("img", {
+      title: e.title,
+      class: "f-avatar-image",
+      src: s.value,
+      onError: m
+    }, null), !e.readonly && c("div", {
+      class: "f-avatar-icon"
+    }, [c("span", {
+      class: "f-icon f-icon-camera"
+    }, null)]), c("input", {
+      ref: "file",
+      name: "file-input",
+      type: "file",
+      class: "f-avatar-upload",
+      accept: d.value,
+      onChange: B,
+      style: "display: none;"
+    }, null)]);
+  }
+});
+function N(e, t, a) {
+  return t;
+}
+const F = /* @__PURE__ */ new Map([
+  ["appearance", P]
+]), K = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-design.gitee.io/avatar.schema.json", w = "avatar", V = "A Farris Component", G = "object", Z = {
+  id: {
+    description: "The unique identifier for avatar",
+    type: "string"
+  },
+  type: {
+    description: "The type string of avatar",
+    type: "string",
+    default: "avatar"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disabled: {
+    type: "boolean",
+    default: !1
+  },
+  avatarWidth: {
+    description: "",
+    type: "number",
+    default: 100
+  },
+  avatarHeight: {
+    description: "",
+    type: "number",
+    default: 100
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  cover: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, O = [
+  "id",
+  "type"
+], U = [
+  "id",
+  "appearance",
+  "binding",
+  "visible"
+], L = {
+  $schema: K,
+  $id: W,
+  title: w,
+  description: V,
+  type: G,
+  properties: Z,
+  required: O,
+  ignore: U
+}, h = b(H, L, F, N);
+p.register = (e, t, a, r) => {
+  e.avatar = Q, t.avatar = h;
+};
+p.registerDesigner = (e, t, a) => {
+  e.avatar = p, t.avatar = h;
+};
+const $ = T(p);
+export {
+  p as FAvatarDesign,
+  $ as default,
+  h as propsResolver
+};

package/designer/avatar/index.umd.cjs

@@ -0,0 +1 @@
+(function(n,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("../../components/avatar/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("../../components/common/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js"),require("../../components/property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/avatar/index.umd.js","../../components/dynamic-resolver/index.umd.js","../../components/common/index.umd.js","vue","../../components/designer-canvas/index.umd.js","../../components/property-panel/index.umd.js"],o):(n=typeof globalThis<"u"?globalThis:n||self,o(n.avatar={},n.FAvatar,n.dynamicResolver,n.common,n.Vue,n.designerCanvas,n.propertyPanel))})(this,function(n,o,H,h,A,R,P){"use strict";function Q(e,a,r,i){const s="data:image/jpeg;base64,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",c=A.ref(e.readonly);function p(t){return t.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/)!=null}function f(t){return t.indexOf("data:image/")>-1}function m(t){return"data:image/jpeg;base64,"+t}const y=A.computed(()=>{var l;if(!e.imageType||!e.imageType.length)return"";const t=(l=e.imageType)==null?void 0:l.map(u=>(u==="jpg"&&(u="jpeg"),`image/${u}`));return!t||!t.length?"image/*":t.join(",")}),v=A.computed(()=>{const t=i.value||e.cover||s;return p(t)||f(t)?t:m(t)}),B=A.computed(()=>c.value?"":e.title);function C(){c.value||r&&r.value&&r.value.click()}return{acceptTypes:y,imageSource:v,imageTitle:B,onClickImage:C}}class j extends P.InputBaseProperty{constructor(a,r){super(a,r)}getEditorProperties(a){return{description:"编辑器",title:"编辑器",type:"avatar",$converter:"/converter/property-editor.converter",parentPropertyID:"editor",properties:{readonly:{description:"",title:"只读",type:"boolean"},avatarWidth:{description:"",title:"头像宽度",type:"number"},avatarHeight:{description:"",title:"头像高度",type:"number"},cover:{description:"",title:"封面",type:"string"}}}}}function q(e,a){const r=e.schema;function i(s,c){return new j(s,a).getPropertyConfig(r,c)}return{getPropsConfig:i}}const d=A.defineComponent({name:"FAvatarDesign",props:o.avatarProps,emits:["change","update:modelValue"],setup(e,a){const r=A.ref(),i=A.inject("designer-host-service"),s=A.inject("design-item-context"),c=q(s,i),p=R.useDesignerComponent(r,s,c);A.onMounted(()=>{r.value.componentInstance=p}),a.expose(p.value);const f=A.computed(()=>({"f-avatar":!0,"f-avatar-readonly":e.readonly,"f-avatar-circle":e.shape==="circle","f-avatar-square":e.shape==="square"})),m=A.ref(e.modelValue),y=A.computed(()=>({width:e.avatarWidth+"px",height:e.avatarHeight+"px"})),v=!1;function B(){return""}function C(){}const t=A.ref(null),{acceptTypes:l,imageSource:u,onClickImage:N}=Q(e,a,t,m);return()=>A.createVNode("div",{ref:r,class:f.value,style:y.value,onClick:N},[v,A.createVNode("img",{title:e.title,class:"f-avatar-image",src:u.value,onError:B},null),!e.readonly&&A.createVNode("div",{class:"f-avatar-icon"},[A.createVNode("span",{class:"f-icon f-icon-camera"},null)]),A.createVNode("input",{ref:"file",name:"file-input",type:"file",class:"f-avatar-upload",accept:l.value,onChange:C,style:"display: none;"},null)])}});function x(e,a,r){return a}const T=new Map([["appearance",H.resolveAppearance]]),b={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/avatar.schema.json",title:"avatar",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for avatar",type:"string"},type:{description:"The type string of avatar",type:"string",default:"avatar"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{type:"boolean",default:!1},avatarWidth:{description:"",type:"number",default:100},avatarHeight:{description:"",type:"number",default:100},readonly:{description:"",type:"boolean",default:!1},cover:{description:"",type:"string",default:""},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"],ignore:["id","appearance","binding","visible"]},g=H.createPropsResolver(o.avatarProps,b,T,x);d.register=(e,a,r,i)=>{e.avatar=o,a.avatar=g},d.registerDesigner=(e,a,r)=>{e.avatar=d,a.avatar=g};const I=h.withInstall(d);n.FAvatarDesign=d,n.default=I,n.propsResolver=g,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});