mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-04-06 03:57:49 +08:00
2 lines
19 KiB
JavaScript
2 lines
19 KiB
JavaScript
import{c as Re,t as _e}from"./lodash-es@4.17.21-a64fa61b.js";import{e as je,g as N,h as T,o as ze,i as Me,j as Pe}from"./index-ea5f0cc8.js";import{c as Ue}from"./@vueuse_core@9.13.0_vue@3.3.6-52ac0131.js";import{u as g,r as He,i as Ze,a as Ie,b as qe,c as Ge,d as Xe,e as Je,f as Ke,g as Qe,h as Ye,j as et,k as tt,l as ot,m as at,n as rt,o as lt,p as it,q as ct,s as st}from"./echarts@5.4.3-e7579fe3.js";import{d as B}from"./dayjs@1.11.9-6a1565a1.js";import"./vue-hooks-plus@1.8.5_vue@3.3.6-2f171f2e.js";import"./lodash@4.17.21-e6f077ad.js";import"./awesome-qr@2.1.5-rc.0-76c123e9.js";import"./canvas@2.11.2-f05bd587.js";import"./js-binary-schema-parser@2.0.3-9e47f7a8.js";import"./js-cookie@3.0.5-19aa770d.js";import"./screenfull@5.2.0-7567c894.js";import"./qs@6.11.2-83b75eda.js";import"./side-channel@1.0.4-36eac644.js";import"./get-intrinsic@1.2.1-c74897b4.js";import"./has-symbols@1.0.3-e8f3ca0e.js";import"./has-proto@1.0.1-f7d0b240.js";import"./function-bind@1.1.1-22e7ee79.js";import"./has@1.0.3-2d67dc68.js";import"./call-bind@1.0.2-c8357e2b.js";import"./pinia-plugin-persistedstate@3.2.0_pinia@2.1.6-02097300.js";import"./clipboard@2.0.11-4ae3371d.js";import"./@vueuse_shared@9.13.0_vue@3.3.6-b2a32b41.js";import"./zrender@5.4.4-1ae8819b.js";import"./tslib@2.3.0-54e39b60.js";const W=["#fc97af","#87f7cf","#f7f494","#72ccff","#f7c5a0","#d4a4eb","#d2f5a6","#76f2f2"],$="rgba(41,52,65,1)",O={},L={textStyle:{color:"#ffffff"},subtextStyle:{color:"#dddddd"}},D={itemStyle:{borderWidth:"4"},lineStyle:{width:"3"},symbolSize:"0",symbol:"circle",smooth:!0},R={itemStyle:{borderWidth:"4"},lineStyle:{width:"3"},symbolSize:"0",symbol:"circle",smooth:!0},_={itemStyle:{barBorderWidth:0,barBorderColor:"#ccc"}},j={itemStyle:{borderWidth:0,borderColor:"#ccc"}},z={itemStyle:{borderWidth:0,borderColor:"#ccc"}},M={itemStyle:{borderWidth:0,borderColor:"#ccc"}},P={itemStyle:{borderWidth:0,borderColor:"#ccc"}},U={itemStyle:{borderWidth:0,borderColor:"#ccc"}},H={itemStyle:{borderWidth:0,borderColor:"#ccc"}},Z={itemStyle:{borderWidth:0,borderColor:"#ccc"}},I={itemStyle:{color:"#fc97af",color0:"transparent",borderColor:"#fc97af",borderColor0:"#87f7cf",borderWidth:"2"}},q={itemStyle:{borderWidth:0,borderColor:"#ccc"},lineStyle:{width:"1",color:"#ffffff"},symbolSize:"0",symbol:"circle",smooth:!0,color:["#fc97af","#87f7cf","#f7f494","#72ccff","#f7c5a0","#d4a4eb","#d2f5a6","#76f2f2"],label:{color:"#293441"}},G={itemStyle:{areaColor:"#f3f3f3",borderColor:"#999999",borderWidth:.5},label:{color:"#893448"},emphasis:{itemStyle:{areaColor:"rgba(255,178,72,1)",borderColor:"#eb8146",borderWidth:1},label:{color:"rgb(137,52,72)"}}},X={itemStyle:{areaColor:"#f3f3f3",borderColor:"#999999",borderWidth:.5},label:{color:"#893448"},emphasis:{itemStyle:{areaColor:"rgba(255,178,72,1)",borderColor:"#eb8146",borderWidth:1},label:{color:"rgb(137,52,72)"}}},J={axisLine:{show:!0,lineStyle:{color:"#666666"}},axisTick:{show:!1,lineStyle:{color:"#333"}},axisLabel:{show:!0,color:"#aaaaaa"},splitLine:{show:!1,lineStyle:{color:["#e6e6e6"]}},splitArea:{show:!1,areaStyle:{color:["rgba(250,250,250,0.05)","rgba(200,200,200,0.02)"]}}},K={axisLine:{show:!0,lineStyle:{color:"#666666"}},axisTick:{show:!1,lineStyle:{color:"#333"}},axisLabel:{show:!0,color:"#aaaaaa"},splitLine:{show:!1,lineStyle:{color:["#e6e6e6"]}},splitArea:{show:!1,areaStyle:{color:["rgba(250,250,250,0.05)","rgba(200,200,200,0.02)"]}}},Q={axisLine:{show:!0,lineStyle:{color:"#666666"}},axisTick:{show:!1,lineStyle:{color:"#333"}},axisLabel:{show:!0,color:"#aaaaaa"},splitLine:{show:!1,lineStyle:{color:["#e6e6e6"]}},splitArea:{show:!1,areaStyle:{color:["rgba(250,250,250,0.05)","rgba(200,200,200,0.02)"]}}},Y={axisLine:{show:!0,lineStyle:{color:"#666666"}},axisTick:{show:!1,lineStyle:{color:"#333"}},axisLabel:{show:!0,color:"#aaaaaa"},splitLine:{show:!1,lineStyle:{color:["#e6e6e6"]}},splitArea:{show:!1,areaStyle:{color:["rgba(250,250,250,0.05)","rgba(200,200,200,0.02)"]}}},ee={iconStyle:{borderColor:"#999999"},emphasis:{iconStyle:{borderColor:"#666666"}}},te={textStyle:{color:"#999999"}},oe={axisPointer:{lineStyle:{color:"#cccccc",width:1},crossStyle:{color:"#cccccc",width:1}}},ae={lineStyle:{color:"#87f7cf",width:1},itemStyle:{color:"#87f7cf",borderWidth:1},controlStyle:{color:"#87f7cf",borderColor:"#87f7cf",borderWidth:.5},checkpointStyle:{color:"#fc97af",borderColor:"#fc97af"},label:{color:"#87f7cf"},emphasis:{itemStyle:{color:"#f7f494"},controlStyle:{color:"#87f7cf",borderColor:"#87f7cf",borderWidth:.5},label:{color:"#87f7cf"}}},re={color:["#fc97af","#87f7cf"]},le={backgroundColor:"rgba(255,255,255,0)",dataBackgroundColor:"rgba(114,204,255,1)",fillerColor:"rgba(114,204,255,0.2)",handleColor:"#72ccff",handleSize:"100%",textStyle:{color:"#333333"}},ie={label:{color:"#293441"},emphasis:{label:{color:"#293441"}}},nt={color:W,backgroundColor:$,textStyle:O,title:L,line:D,radar:R,bar:_,pie:j,scatter:z,boxplot:M,parallel:P,sankey:U,funnel:H,gauge:Z,candlestick:I,graph:q,map:G,geo:X,categoryAxis:J,valueAxis:K,logAxis:Q,timeAxis:Y,toolbox:ee,legend:te,tooltip:oe,timeline:ae,visualMap:re,dataZoom:le,markPoint:ie},ut=Object.freeze(Object.defineProperty({__proto__:null,backgroundColor:$,bar:_,boxplot:M,candlestick:I,categoryAxis:J,color:W,dataZoom:le,default:nt,funnel:H,gauge:Z,geo:X,graph:q,legend:te,line:D,logAxis:Q,map:G,markPoint:ie,parallel:P,pie:j,radar:R,sankey:U,scatter:z,textStyle:O,timeAxis:Y,timeline:ae,title:L,toolbox:ee,tooltip:oe,valueAxis:K,visualMap:re},Symbol.toStringTag,{value:"Module"})),ce=["#2ec7c9","#b6a2de","#5ab1ef","#ffb980","#d87a80","#8d98b3","#e5cf0d","#97b552","#95706d","#dc69aa","#07a2a4","#9a7fd1","#588dd5","#f5994e","#c05050","#59678c","#c9ab00","#7eb00a","#6f5553","#c14089"],se="rgba(0,0,0,0)",ne={},ue={textStyle:{color:"#008acd"},subtextStyle:{color:"#aaaaaa"}},de={itemStyle:{borderWidth:1},lineStyle:{width:2},symbolSize:3,symbol:"emptyCircle",smooth:!0},he={itemStyle:{borderWidth:1},lineStyle:{width:2},symbolSize:3,symbol:"emptyCircle",smooth:!0},fe={itemStyle:{barBorderWidth:0,barBorderColor:"#ccc"}},be={itemStyle:{borderWidth:0,borderColor:"#ccc"}},me={itemStyle:{borderWidth:0,borderColor:"#ccc"}},ye={itemStyle:{borderWidth:0,borderColor:"#ccc"}},pe={itemStyle:{borderWidth:0,borderColor:"#ccc"}},ge={itemStyle:{borderWidth:0,borderColor:"#ccc"}},Se={itemStyle:{borderWidth:0,borderColor:"#ccc"}},Ce={itemStyle:{borderWidth:0,borderColor:"#ccc"}},Ve={itemStyle:{color:"#d87a80",color0:"#2ec7c9",borderColor:"#d87a80",borderColor0:"#2ec7c9",borderWidth:1}},xe={itemStyle:{borderWidth:0,borderColor:"#ccc"},lineStyle:{width:1,color:"#aaa"},symbolSize:3,symbol:"emptyCircle",smooth:!0,color:["#2ec7c9","#b6a2de","#5ab1ef","#ffb980","#d87a80","#8d98b3","#e5cf0d","#97b552","#95706d","#dc69aa","#07a2a4","#9a7fd1","#588dd5","#f5994e","#c05050","#59678c","#c9ab00","#7eb00a","#6f5553","#c14089"],label:{color:"#eee"}},we={itemStyle:{areaColor:"#dddddd",borderColor:"#eeeeee",borderWidth:.5},label:{color:"#d87a80"},emphasis:{itemStyle:{areaColor:"rgba(254,153,78,1)",borderColor:"#444",borderWidth:1},label:{color:"rgb(100,0,0)"}}},Ae={itemStyle:{areaColor:"#dddddd",borderColor:"#eeeeee",borderWidth:.5},label:{color:"#d87a80"},emphasis:{itemStyle:{areaColor:"rgba(254,153,78,1)",borderColor:"#444",borderWidth:1},label:{color:"rgb(100,0,0)"}}},ve={axisLine:{show:!0,lineStyle:{color:"#008acd"}},axisTick:{show:!0,lineStyle:{color:"#333"}},axisLabel:{show:!0,color:"#333"},splitLine:{show:!1,lineStyle:{color:["#eee"]}},splitArea:{show:!1,areaStyle:{color:["rgba(250,250,250,0.3)","rgba(200,200,200,0.3)"]}}},Ee={axisLine:{show:!0,lineStyle:{color:"#008acd"}},axisTick:{show:!0,lineStyle:{color:"#333"}},axisLabel:{show:!0,color:"#333"},splitLine:{show:!0,lineStyle:{color:["#eee"]}},splitArea:{show:!0,areaStyle:{color:["rgba(250,250,250,0.3)","rgba(200,200,200,0.3)"]}}},Fe={axisLine:{show:!0,lineStyle:{color:"#008acd"}},axisTick:{show:!0,lineStyle:{color:"#333"}},axisLabel:{show:!0,color:"#333"},splitLine:{show:!0,lineStyle:{color:["#eee"]}},splitArea:{show:!0,areaStyle:{color:["rgba(250,250,250,0.3)","rgba(200,200,200,0.3)"]}}},ke={axisLine:{show:!0,lineStyle:{color:"#008acd"}},axisTick:{show:!0,lineStyle:{color:"#333"}},axisLabel:{show:!0,color:"#333"},splitLine:{show:!0,lineStyle:{color:["#eee"]}},splitArea:{show:!1,areaStyle:{color:["rgba(250,250,250,0.3)","rgba(200,200,200,0.3)"]}}},Ne={iconStyle:{borderColor:"#2ec7c9"},emphasis:{iconStyle:{borderColor:"#18a4a6"}}},Te={textStyle:{color:"#333333"}},Be={axisPointer:{lineStyle:{color:"#008acd",width:"1"},crossStyle:{color:"#008acd",width:"1"}}},We={lineStyle:{color:"#008acd",width:1},itemStyle:{color:"#008acd",borderWidth:1},controlStyle:{color:"#008acd",borderColor:"#008acd",borderWidth:.5},checkpointStyle:{color:"#2ec7c9",borderColor:"#2ec7c9"},label:{color:"#008acd"},emphasis:{itemStyle:{color:"#a9334c"},controlStyle:{color:"#008acd",borderColor:"#008acd",borderWidth:.5},label:{color:"#008acd"}}},$e={color:["#5ab1ef","#e0ffff"]},Oe={backgroundColor:"rgba(47,69,84,0)",dataBackgroundColor:"#efefff",fillerColor:"rgba(182,162,222,0.2)",handleColor:"#008acd",handleSize:"100%",textStyle:{color:"#333333"}},Le={label:{color:"#eee"},emphasis:{label:{color:"#eee"}}},dt={color:ce,backgroundColor:se,textStyle:ne,title:ue,line:de,radar:he,bar:fe,pie:be,scatter:me,boxplot:ye,parallel:pe,sankey:ge,funnel:Se,gauge:Ce,candlestick:Ve,graph:xe,map:we,geo:Ae,categoryAxis:ve,valueAxis:Ee,logAxis:Fe,timeAxis:ke,toolbox:Ne,legend:Te,tooltip:Be,timeline:We,visualMap:$e,dataZoom:Oe,markPoint:Le},ht=Object.freeze(Object.defineProperty({__proto__:null,backgroundColor:se,bar:fe,boxplot:ye,candlestick:Ve,categoryAxis:ve,color:ce,dataZoom:Oe,default:dt,funnel:Se,gauge:Ce,geo:Ae,graph:xe,legend:Te,line:de,logAxis:Fe,map:we,markPoint:Le,parallel:pe,pie:be,radar:he,sankey:ge,scatter:me,textStyle:ne,timeAxis:ke,timeline:We,title:ue,toolbox:Ne,tooltip:Be,valueAxis:Ee,visualMap:$e},Symbol.toStringTag,{value:"Module"})),ft=()=>{const e=Object.assign({"/src/echart-themes/macarons/macarons-dark.json":ut,"/src/echart-themes/macarons/macarons.json":ht}),b=/\/([^/]+)\.json$/;return Object.keys(e).reduce((c,n)=>{var t;const u=(t=n.match(b))==null?void 0:t[1];if(u)return c.push({name:u,theme:e[n].default}),c;throw new Error("theme name is not found")},[])},bt=e=>Object.assign({},{text:"loading",color:"#c23531",textColor:"#000",maskColor:"rgba(255, 255, 255, 0.9)",zlevel:0,fontSize:12,showSpinner:!0,spinnerRadius:10,lineWidth:5,fontWeight:"normal",fontStyle:"normal",fontFamily:"sans-serif"},e),mt={width:{type:String,default:"100%"},height:{type:String,default:"100%"},autoResize:{type:[Boolean,Object],default:!0},canvasRender:{type:Boolean,default:!0},showAria:{type:Boolean,default:!1},options:{type:Object,default:()=>({})},onSuccess:{type:[Function,Array],default:null},onError:{type:[Function,Array],default:null},theme:{type:String,default:null},autoChangeTheme:{type:Boolean,default:!0},use:{type:Array,default:()=>[]},watchOptions:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},loadingOptions:{type:Object,default:()=>bt()},observer:{type:Object,default:null},throttleWait:{type:Number,default:500},animation:{type:Boolean,default:!0},setChartOptions:{type:Object,default:()=>({})}},yt={notMerge:!1,lazyUpdate:!0,silent:!1,replaceMerge:[]},pt=ft(),C=Vue.defineComponent({name:"RChart",props:mt,setup(e,{expose:b}){const m=je(),{themeValue:c}=Pinia.storeToRefs(m),n=Vue.ref(),u=Vue.ref(),t=Vue.ref();let r,s;const{echartTheme:h}=Pe;let i;const V=Vue.computed(()=>({"--ray-chart-width":N(e.width),"--ray-chart-height":N(e.height)})),x=async()=>{var o;g([Ie,qe,Ge,Xe,Je,Ke,Qe,Ye]),g([et,tt,ot,at,rt,lt]),g([it,ct]),g([st]);try{g((o=e.use)==null?void 0:o.filter(Boolean))}catch{console.error("register chart Core error: wrong property and method passed in extend attribute")}},a=()=>{if(e.theme==="default"){e.autoChangeTheme?S("dark"):S("");return}if(e.theme)S(e.theme);else{const o=e.autoChangeTheme&&c.value?`${h}-dark`:h;S(o)}},v=o=>{let l=Re(Vue.unref(o));const f=y=>Object.assign({animation:!0},l,y);return e.showAria&&(l=f({aria:{enabled:!0,decal:{show:!0}}})),l},S=(o=h)=>{const l=n.value,f=v(e.options),{height:y,width:A}=l.getBoundingClientRect(),{onSuccess:p,onError:k}=e;try{pt.forEach(d=>{He(d.name,d.theme)}),t.value=Ze(l,o,{width:A===0?200:void 0,height:y===0?200:void 0}),t.value.setOption({}),e.animation&&setTimeout(()=>{var d;f&&((d=t.value)==null||d.setOption(f))}),p&&T(p,t.value)}catch(d){k&&T(k),console.error("RChart render error: ",d)}},w=()=>{t.value&&(t.value.clear(),t.value.dispose())},De=()=>{if(t.value)try{t.value.resize()}catch{}},E=()=>{var o;if((o=t.value)!=null&&o.getDom()){console.warn("RChart mount: There is a chart instance already initialized on the dom. Execution was interrupted");return}a(),e.autoResize&&(r=_e(De,e.throttleWait),s=Ue(e.observer||u,r),ze(window,"resize",r))},F=()=>{var o;w(),r&&Me(window,"resize",r),r==null||r.cancel(),(o=s==null?void 0:s.stop)==null||o.call(s)};return Vue.watch(()=>c.value,()=>{e.autoChangeTheme&&(w(),a())}),Vue.watch(()=>e.showAria,()=>{w(),a()}),Vue.watchEffect(()=>{var o,l;e.watchOptions?i=Vue.watch(()=>e.options,f=>{var p;const y=v(f),A=Object.assign(e.setChartOptions,yt);(p=t.value)==null||p.setOption(y,A)},{deep:!0}):i==null||i(),e.loading?(o=t.value)==null||o.showLoading(e.loadingOptions):(l=t.value)==null||l.hideLoading()}),b({echart:t,dispose:F,render:E}),Vue.onBeforeMount(async()=>{await x()}),Vue.onMounted(()=>{Vue.nextTick(()=>{E()})}),Vue.onBeforeUnmount(()=>{F(),i==null||i()}),{rayChartRef:n,cssVarsRef:V,rayChartWrapperRef:u}},render(){return Vue.createVNode("div",{class:"ray-chart",style:[this.cssVarsRef],ref:"rayChartWrapperRef"},[Vue.createVNode("div",{class:"ray-chart__container",ref:"rayChartRef"},null)])}}),Ut=Vue.defineComponent({name:"REchart",setup(){const e=Vue.ref(),b=Vue.ref(!1),m=Vue.ref(!1),c=Vue.reactive({loading:!1}),n={legend:{},tooltip:{},xAxis:{type:"category",data:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]},yAxis:{type:"value"},series:[{name:"日期",data:[120,200,150,80,70,110,130],type:"bar",showBackground:!0,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)"}},{name:"数量",data:[12,220,250,180,20,10,190],type:"bar",showBackground:!0,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)"}}]},u={title:{text:"Referer of a Website",subtext:"Fake Data",left:"center"},tooltip:{trigger:"item"},legend:{orient:"vertical",left:"left"},series:[{name:"Access From",type:"pie",radius:"50%",data:[{value:1048,name:"Search Engine"},{value:735,name:"Direct"},{value:580,name:"Email"},{value:484,name:"Union Ads"},{value:300,name:"Video Ads"}],emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}}}]},t=Vue.ref({title:{text:B().valueOf()},tooltip:{trigger:"axis",axisPointer:{type:"cross",label:{backgroundColor:"#6a7985"}}},legend:{data:["Email","Union Ads","Video Ads","Direct","Search Engine"]},toolbox:{feature:{saveAsImage:{}}},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",boundaryGap:!1,data:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],yAxis:[{type:"value"}],series:[{name:"Email",type:"line",stack:"Total",areaStyle:{},emphasis:{focus:"series"},data:[120,132,101,134,90,230,210]},{name:"Union Ads",type:"line",stack:"Total",areaStyle:{},emphasis:{focus:"series"},data:[220,182,191,234,290,330,310]},{name:"Video Ads",type:"line",stack:"Total",areaStyle:{},emphasis:{focus:"series"},data:[150,232,201,154,190,330,410]},{name:"Direct",type:"line",stack:"Total",areaStyle:{},emphasis:{focus:"series"},data:[320,332,301,334,390,330,320]},{name:"Search Engine",type:"line",stack:"Total",label:{show:!0,position:"top"},areaStyle:{},emphasis:{focus:"series"},data:[820,932,901,934,1290,1330,1320]}]}),r=a=>{c.loading=a},s=a=>{m.value=a},h=a=>{window.$notification.info({title:"可视化图渲染成功回调函数",content:"可视化图渲染成功, 并且返回了当前可视化图实例",duration:5*1e3}),e.value},i=()=>{var a;(a=e.value)==null||a.render()},V=()=>{var a;(a=e.value)==null||a.dispose()},x=()=>{t.value.title.text=B().valueOf();const a=()=>Math.floor((Math.random()+1)*100);t.value.series[0].data=new Array(7).fill(0).map(()=>a()),t.value.series[1].data=new Array(7).fill(0).map(()=>a())};return{baseOptions:n,baseChartRef:e,chartLoading:b,handleLoadingShow:r,chartAria:m,handleAriaShow:s,handleChartRenderSuccess:h,basePieOptions:u,baseLineOptions:t,...Vue.toRefs(c),mountChart:i,unmountChart:V,handleUpdateTitle:x}},render(){return Vue.createVNode("div",{class:"echart"},[Vue.createVNode(naive.NCard,{title:"chart 组件"},{default:()=>[Vue.createVNode("ul",null,[Vue.createVNode("li",null,[Vue.createVNode("h3",null,[Vue.createTextVNode("1. 当未获取到宽高时,组件会默认以 200*200 尺寸填充。")])]),Vue.createVNode("li",null,[Vue.createVNode("h3",null,[Vue.createTextVNode("2. 默认启用 autoChangeTheme,自动监听模板主题变化,如果设置为 false 则为 APP_THEME.echartTheme 配置项为渲染结果(RayTemplate 独有)")])]),Vue.createVNode("li",null,[Vue.createVNode("h3",null,[Vue.createTextVNode("3. 默认启用 watchOptions,自动监听配置项变化")])]),Vue.createVNode("li",null,[Vue.createVNode("h3",null,[Vue.createTextVNode("4. 默认启用 animation,强制启用渲染过渡动画")])]),Vue.createVNode("li",null,[Vue.createVNode("h3",null,[Vue.createTextVNode("5. 配置 setChartOptions 属性,可以定制化合并模式")])])])]}),Vue.createVNode(naive.NH2,null,{default:()=>[Vue.createTextVNode("强制渲染过渡动画(animation)")]}),Vue.createVNode(naive.NSpace,{style:["padding: 18px 0"]},{default:()=>[Vue.createVNode(naive.NButton,{onClick:this.mountChart.bind(this)},{default:()=>[Vue.createTextVNode("渲染")]}),Vue.createVNode(naive.NButton,{onClick:this.unmountChart.bind(this)},{default:()=>[Vue.createTextVNode("卸载")]}),Vue.createVNode(naive.NButton,{onClick:this.handleUpdateTitle.bind(this)},{default:()=>[Vue.createTextVNode("更新配置项")]})]}),Vue.createVNode("div",{class:"chart--container"},[Vue.createVNode(C,{ref:"baseChartRef",autoChangeTheme:!0,options:this.baseLineOptions,showAria:this.chartAria},null)]),Vue.createVNode(naive.NH2,null,{default:()=>[Vue.createTextVNode("不跟随主题切换的暗色主题可视化图,并且手动指定原始主题色")]}),Vue.createVNode("div",{class:"chart--container"},[Vue.createVNode(C,{autoChangeTheme:!1,theme:"default",options:this.baseOptions},null)]),Vue.createVNode(naive.NH2,null,{default:()=>[Vue.createTextVNode("加载动画")]}),Vue.createVNode(naive.NSwitch,{value:this.chartLoading,"onUpdate:value":e=>this.chartLoading=e,onUpdateValue:this.handleLoadingShow.bind(this),style:["padding: 18px 0"]},{checked:()=>"隐藏加载动画",unchecked:()=>"显示加载动画"}),Vue.createVNode("div",{class:"chart--container"},[Vue.createVNode(C,{loading:this.loading,options:this.baseOptions},null)]),Vue.createVNode(naive.NH2,null,{default:()=>[Vue.createTextVNode("贴画可视化图")]}),Vue.createVNode(naive.NSwitch,{value:this.chartAria,"onUpdate:value":e=>this.chartAria=e,onUpdateValue:this.handleAriaShow.bind(this),style:["padding: 18px 0"]},{checked:()=>"隐藏贴花",unchecked:()=>"显示贴花"}),Vue.createVNode("div",{class:"chart--container"},[Vue.createVNode(C,{options:this.baseOptions,showAria:this.chartAria},null)])])}});export{Ut as default};
|