@techui/scifi/dist/modules/echartsTheme.js

TechUI Scifi is a sci-fi SVG component library developed based on Vue3. It uses dynamically calculated SVG elements to generate a variety of cool, futuristic, and technological components.

import*as N from"echarts";import{$c as y}from"@techui/colors";const O=o=>{const{chart:e,common:r,font:l,scifi:t}=o,{bg:i,bd:s}=r,{line:{weak:a,base:c,strong:h},bubble:{fc:d,bg:b,hlite:n},map:{fc:S,fc_hov:m,fc_act:w,bg:x,bd:p,bg_hov:C,bd_hov:g,bg_act:W,bd_act:f,glow:L,shadow:u},palette:k,visual:T}=e,{hlite:A,focus:B}=t,{weaker:v,weak:z,base:_,strong:N,stronger:O}=l;let J=y.scale(k,6,"lch"),E=y.scale(T,4,"lch");return JSON.stringify({color:J,textStyle:{},title:{textStyle:{color:_},subtextStyle:{color:z}},line:{label:{color:"inherit",textBorderColor:i,textBorderWidth:5},itemStyle:{borderWidth:"2"},lineStyle:{width:"3"},symbolSize:"7",symbol:"emptyCircle",smooth:!0},radar:{splitLine:{lineStyle:{show:!0,color:c,type:"dashed"}},axisLine:{show:!0,lineStyle:{color:c,type:"dashed"}},axisName:{show:!0,color:_},splitArea:{areaStyle:{color:[a,i]}},symbolSize:"7",symbol:"emptyCircle",markLine:{label:{color:"inherit",textBorderColor:i,textBorderWidth:5}},smooth:!0},bar:{itemStyle:{barBorderWidth:0,barBorderColor:a},markLine:{label:{color:"inherit",textBorderColor:i,textBorderWidth:5}}},pie:{itemStyle:{borderWidth:0,borderColor:i}},scatter:{label:{show:!0,color:d},emphasis:{labele:{fontWeight:"bold"}},itemStyle:{color:{type:"radial",x:.3,y:.3,r:.5,colorStops:[{offset:0,color:n},{offset:1,color:b}],global:!1},borderWidth:0,borderColor:a}},boxplot:{itemStyle:{borderWidth:0,borderColor:a}},parallel:{itemStyle:{borderWidth:0,borderColor:a}},sankey:{itemStyle:{borderWidth:0,borderColor:a}},funnel:{itemStyle:{borderWidth:0,borderColor:a}},gauge:{itemStyle:{borderWidth:0,borderColor:h},axisLine:{show:!0,lineStyle:{color:[[1,a]]}},axisTick:{show:!0,lineStyle:{color:h}},axisLabel:{show:!0,color:_},splitLine:{show:!0,lineStyle:{color:h}},detail:{color:"inherit"}},graph:{itemStyle:{borderWidth:0,borderColor:a},lineStyle:{width:1,color:c},symbolSize:"7",symbol:"circle",smooth:!0,color:J,label:{color:_}},map:{itemStyle:{areaColor:x,borderColor:p,borderWidth:.5},label:{color:_},emphasis:{itemStyle:{areaColor:C,borderColor:p,borderWidth:1},label:{color:_}}},geo:{scaleLimit:{min:.5,max:7},itemStyle:{areaColor:x,borderColor:p,shadowColor:u,shadowOffsetY:0,shadowBlur:5,borderWidth:.5},label:{show:!0,fontSize:12,color:S},emphasis:{itemStyle:{areaColor:C,borderColor:g,borderWidth:1},label:{fontSize:14,color:m}},select:{itemStyle:{areaColor:W,borderColor:f,borderWidth:1},label:{fontSize:14,color:w}}},categoryAxis:{axisLine:{show:!0,lineStyle:{color:c}},splitLine:{show:!1,lineStyle:{color:a}},axisTick:{show:!1,lineStyle:{color:a}},axisLabel:{show:!0,color:_},splitArea:{show:!1}},valueAxis:{axisLine:{show:!0,lineStyle:{color:c}},axisTick:{show:!1,lineStyle:{color:a}},axisLabel:{show:!0,color:_},splitLine:{show:!0,lineStyle:{color:a}},splitArea:{show:!1}},logAxis:{axisLine:{show:!0,lineStyle:{color:c}},axisTick:{show:!1,lineStyle:{color:a}},axisLabel:{show:!0,color:_},splitLine:{show:!1,lineStyle:{color:a}},splitArea:{show:!1}},timeAxis:{axisLine:{show:!0,lineStyle:{color:c}},axisTick:{show:!1,lineStyle:{color:a}},axisLabel:{show:!0,color:_},splitLine:{show:!1,lineStyle:{color:a}},splitArea:{show:!1}},toolbox:{iconStyle:{borderColor:_},emphasis:{iconStyle:{borderColor:N}}},legend:{y:"bottom",x:"center",textStyle:{color:_},itemStyle:{borderColor:"transparent",borderWidth:1,opacity:1}},tooltip:{backgroundColor:i,textStyle:{color:_},axisPointer:{lineStyle:{color:_,width:1},crossStyle:{color:_,width:1}}},timeline:{symbol:"circle",progress:{itemStyle:{color:A,borderColor:"white",borderWidth:0},lineStyle:{color:A,shadowColor:"rgba(0, 0, 0, 0)"}},lineStyle:{color:B,width:1,shadowColor:"rgba(0, 0, 0, 0)"},itemStyle:{color:B,borderColor:"white",borderWidth:0},controlStyle:{color:v,borderColor:"white",borderWidth:0},checkpointStyle:{symbol:"circle",color:A,borderColor:"white",borderWidth:0,shadowColor:"rgba(0, 0, 0, 0)"},label:{color:_},emphasis:{itemStyle:{color:B},controlStyle:{color:_,borderWidth:0},label:{color:N}}},visualMap:{color:E,textStyle:{color:_},zlevel:10}})};let J=null;function $(o){if(o)try{const e=JSON.parse(O(o));N.registerTheme("eTheme",e),J=o}catch(o){console.error("registerEchartsTheme: Failed to register theme",o)}else console.warn("registerEchartsTheme: themePalette is required!")}export{$ as registerEchartsTheme};