ray-template/assets/index-262d192e.js

import{t as Me}from"./lodash-es@4.17.21-a64fa61b.js";import{e as ze,h as T,i as Pe,j as A,k as Ue,l as He}from"./index-6d9096b2.js";import{r as B}from"./renderNode-fd1db7ae.js";import{c as Ze}from"./@vueuse_core@9.13.0_vue@3.3.6-52ac0131.js";import{u as p,r as qe,i as Ge,a as Xe,b as Je,c as Ke,d as Qe,e as Ye,f as Ie,g as et,h as tt,j as ot,k as at,l as rt,m as lt,n as it,o as ct,p as nt,q as st,s as ut}from"./echarts@5.4.3-e7579fe3.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"./dayjs@1.11.9-6a1565a1.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"],$="#18181c",D={},O={textStyle:{color:"#ffffff"},subtextStyle:{color:"#dddddd"}},L={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"}},M={itemStyle:{borderWidth:0,borderColor:"#ccc"}},z={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"}},q={itemStyle:{color:"#fc97af",color0:"transparent",borderColor:"#fc97af",borderColor0:"#87f7cf",borderWidth:"2"}},G={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"}},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={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)"}}},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)"]}}},I={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"}}},dt={color:W,backgroundColor:$,textStyle:D,title:O,line:L,radar:R,bar:_,pie:j,scatter:M,boxplot:z,parallel:P,sankey:U,funnel:H,gauge:Z,candlestick:q,graph:G,map:X,geo:J,categoryAxis:K,valueAxis:Q,logAxis:Y,timeAxis:I,toolbox:ee,legend:te,tooltip:oe,timeline:ae,visualMap:re,dataZoom:le,markPoint:ie},ht=Object.freeze(Object.defineProperty({__proto__:null,backgroundColor:$,bar:_,boxplot:z,candlestick:q,categoryAxis:K,color:W,dataZoom:le,default:dt,funnel:H,gauge:Z,geo:J,graph:G,legend:te,line:L,logAxis:Y,map:X,markPoint:ie,parallel:P,pie:j,radar:R,sankey:U,scatter:M,textStyle:D,timeAxis:I,timeline:ae,title:O,toolbox:ee,tooltip:oe,valueAxis:Q,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"],ne="rgba(0,0,0,0)",se={},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}},we={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"}},xe={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)"}}},Ee={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)"]}}},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)"]}}},Ne={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)"]}}},ve={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)"]}}},ke={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"]},De={backgroundColor:"rgba(47,69,84,0)",dataBackgroundColor:"#efefff",fillerColor:"rgba(182,162,222,0.2)",handleColor:"#008acd",handleSize:"100%",textStyle:{color:"#333333"}},Oe={label:{color:"#eee"},emphasis:{label:{color:"#eee"}}},ft={color:ce,backgroundColor:ne,textStyle:se,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:we,map:xe,geo:Ae,categoryAxis:Ee,valueAxis:Fe,logAxis:Ne,timeAxis:ve,toolbox:ke,legend:Te,tooltip:Be,timeline:We,visualMap:$e,dataZoom:De,markPoint:Oe},bt=Object.freeze(Object.defineProperty({__proto__:null,backgroundColor:ne,bar:fe,boxplot:ye,candlestick:Ve,categoryAxis:Ee,color:ce,dataZoom:De,default:ft,funnel:Se,gauge:Ce,geo:Ae,graph:we,legend:Te,line:de,logAxis:Ne,map:xe,markPoint:Oe,parallel:pe,pie:be,radar:he,sankey:ge,scatter:me,textStyle:se,timeAxis:ve,timeline:We,title:ue,toolbox:ke,tooltip:Be,valueAxis:Fe,visualMap:$e},Symbol.toStringTag,{value:"Module"})),mt=()=>{const e=Object.assign({"/src/echart-themes/macarons/macarons-dark.json":ht,"/src/echart-themes/macarons/macarons.json":bt}),f=/\/([^/]+)\.json$/;return Object.keys(e).reduce((c,n)=>{var a;const s=(a=n.match(f))==null?void 0:a[1];if(s)return c.push({name:s,theme:e[n].default}),c;throw new Error("theme name is not found")},[])},yt=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),pt={bordered:{type:Boolean,default:!0},downloadOptions:{type:Object,default:()=>({})},onDropdownSelect:{type:[Function,Array]},dropdownOptions:{type:Array},preset:{type:String},contentStyle:{type:[String,Object]},title:{type:[String,Function]},width:{type:String,default:"100%"},height:{type:String,default:"100%"},autoResize:{type:[Boolean,Object],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:()=>yt()},observer:{type:Object,default:null},throttleWait:{type:Number,default:500},animation:{type:Boolean,default:!0},setChartOptions:{type:Object,default:()=>({})}},gt={notMerge:!1,lazyUpdate:!0,silent:!1,replaceMerge:[]},St=mt(),C=Vue.defineComponent({name:"RChart",props:pt,setup(e,{expose:f}){const b=ze(),{themeValue:c}=Pinia.storeToRefs(b),n=Vue.ref(),s=Vue.ref(),a=Vue.ref();let u,h;const{echartTheme:m}=He;let d,t;const r=Vue.computed(()=>[{label:"下载图片",key:"downloadChart",disabled:!(a.value&&a.value.getDom())}]),Le=Vue.computed(()=>({"--ray-chart-width":T(e.width),"--ray-chart-height":T(e.height)})),Re=async()=>{var o;p([Xe,Je,Ke,Qe,Ye,Ie,et,tt]),p([ot,at,rt,lt,it,ct]),p([nt,st]),p([ut]);try{p((o=e.use)==null?void 0:o.filter(Boolean))}catch{console.error("register chart Core error: wrong property and method passed in extend attribute")}},V=()=>{if(e.theme==="default"){e.autoChangeTheme?g("dark"):g("");return}if(e.theme)g(e.theme);else{const o=e.autoChangeTheme&&c.value?`${m}-dark`:m;g(o)}},E=o=>{let l=Vue.unref(o);const i=y=>Object.assign({animation:!0},l,y);return e.showAria&&(l=i({aria:{enabled:!0,decal:{show:!0}}})),l},g=(o=m)=>{const l=n.value,i=E(e.options),{height:y,width:x}=l.getBoundingClientRect(),{onSuccess:v,onError:k}=e;try{St.forEach(S=>{qe(S.name,S.theme)}),t=Ge(l,o,{width:x===0?200:void 0,height:y===0?200:void 0}),a.value=t,e.animation?(t.setOption({}),setTimeout(()=>{i&&(t==null||t.setOption(i))})):i&&(t==null||t.setOption(i)),v&&A(v,t)}catch(S){k&&A(k),console.error("RChart render error: ",S)}},w=()=>{t&&t.getDom()&&(t.clear(),t.dispose(),a.value=void 0)},_e=()=>{t&&t.resize()},je=(o,l)=>{if(o==="downloadChart"&&t&&t.getDom()){const{filename:y,...x}=e.downloadOptions;Ue(t.getDataURL(x),y??`${new Date().getTime()}`)}const{onDropdownSelect:i}=e;i&&A(i,o,l)},F=()=>{if(t!=null&&t.getDom()){console.warn("RChart mount: There is a chart instance already initialized on the dom. Execution was interrupted");return}V(),e.autoResize&&(u=Me(_e,e.throttleWait),h=Ze(e.observer||s,u))},N=()=>{var o;w(),u==null||u.cancel(),(o=h==null?void 0:h.stop)==null||o.call(h)};return Vue.watch(()=>c.value,()=>{e.autoChangeTheme&&(w(),V())}),Vue.watch(()=>e.showAria,()=>{w(),V()}),Vue.watchEffect(()=>{e.watchOptions?d=Vue.watch(()=>e.options,o=>{const l=E(o),i=Object.assign(e.setChartOptions,gt);t==null||t.setOption(l,i)},{deep:!0}):d==null||d(),e.loading?t==null||t.showLoading(e.loadingOptions):t==null||t.hideLoading()}),f({echart:a,dispose:N,render:F}),Vue.onBeforeMount(async()=>{await Re()}),Vue.onMounted(()=>{F()}),Vue.onBeforeUnmount(()=>{N(),d==null||d()}),{rayChartRef:n,cssVarsRef:Le,rayChartWrapperRef:s,moreDropDownOptions:r,dropdownSelect:je}},render(){const{title:e,contentStyle:f,preset:b,moreDropDownOptions:c,dropdownSelect:n,bordered:s,dropdownOptions:a}=this,{cardExtra:u}=this.$slots;return b==="card"?Vue.createVNode(naive.NCard,{class:"ray-chart",ref:"rayChartWrapperRef",style:[this.cssVarsRef],contentStyle:f,bordered:s},{default:()=>Vue.createVNode("div",{class:"ray-chart__container",ref:"rayChartRef"},null),header:B(e,{defaultElement:Vue.createVNode("div",{style:"display: none;"},null)}),"header-extra":B(u,{defaultElement:Vue.createVNode(Pe,{iconSize:18,cursor:"pointer",options:a??c,trigger:"click",onSelect:n.bind(this)},null)})}):Vue.createVNode("div",{class:"ray-chart",style:[this.cssVarsRef],ref:"rayChartWrapperRef"},[Vue.createVNode("div",{class:"ray-chart__container",ref:"rayChartRef"},null)])}}),qt=Vue.defineComponent({name:"REchart",setup(){const e=Vue.ref(),f=Vue.ref(!1),b=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)"}}]},s={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)"}}}]},a=Vue.ref({tooltip:{trigger:"axis",axisPointer:{type:"cross",label:{backgroundColor:"#6a7985"}}},legend:{data:["Email","Union Ads","Video Ads","Direct","Search Engine"]},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]}]}),u=r=>{c.loading=r},h=r=>{b.value=r},m=()=>{var r;(r=e.value)==null||r.render()},d=()=>{var r;(r=e.value)==null||r.dispose()},t=()=>{const r=()=>Math.floor((Math.random()+1)*100);a.value.series[0].data=new Array(7).fill(0).map(()=>r()),a.value.series[1].data=new Array(7).fill(0).map(()=>r())};return{baseOptions:n,baseChartRef:e,chartLoading:f,handleLoadingShow:u,chartAria:b,handleAriaShow:h,basePieOptions:s,baseLineOptions:a,...Vue.toRefs(c),mountChart:m,unmountChart:d,handleUpdateTitle:t}},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），预设 card 风格图表")]}),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,{title:"周销售量",ref:"baseChartRef",autoChangeTheme:!0,options:this.baseLineOptions,showAria:this.chartAria,preset:"card"},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{qt as default};