ray-template/assets/index-59c81358.js

import{t as Me}from"./lodash-es@4.17.21-e8d1949e.js";import{h as ze,i as W,r as A,j as Pe,k as E,l as Ue,m as He}from"./index-4cfc8ec4.js";import{c as Ze}from"./@vueuse_core@9.13.0_vue@3.3.8-5d19f09f.js";import{u as y,r as Ge,i as qe,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 dt}from"./echarts@5.4.3-e7579fe3.js";import"./vue-hooks-plus@1.8.5_vue@3.3.8-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"./@vue_runtime-core@3.3.8-05565b4b.js";import"./@vue_reactivity@3.3.8-5d5bde00.js";import"./@vue_shared@3.3.8-a8e5b170.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.8-b2a32b41.js";import"./zrender@5.4.4-1ae8819b.js";import"./tslib@2.3.0-54e39b60.js";const $=["#fc97af","#87f7cf","#f7f494","#72ccff","#f7c5a0","#d4a4eb","#d2f5a6","#76f2f2"],D="#18181c",O={},L={textStyle:{color:"#ffffff"},subtextStyle:{color:"#dddddd"}},R={itemStyle:{borderWidth:"4"},lineStyle:{width:"3"},symbolSize:"0",symbol:"circle",smooth:!0},_={itemStyle:{borderWidth:"4"},lineStyle:{width:"3"},symbolSize:"0",symbol:"circle",smooth:!0},j={itemStyle:{barBorderWidth:0,barBorderColor:"#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"}},G={itemStyle:{borderWidth:0,borderColor:"#ccc"}},q={itemStyle:{color:"#fc97af",color0:"transparent",borderColor:"#fc97af",borderColor0:"#87f7cf",borderWidth:"2"}},X={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"}},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={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)"}}},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={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)"]}}},te={iconStyle:{borderColor:"#999999"},emphasis:{iconStyle:{borderColor:"#666666"}}},oe={textStyle:{color:"#999999"}},ae={axisPointer:{lineStyle:{color:"#cccccc",width:1},crossStyle:{color:"#cccccc",width:1}}},re={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"}}},le={color:["#fc97af","#87f7cf"]},ie={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"}},ce={label:{color:"#293441"},emphasis:{label:{color:"#293441"}}},ut={color:$,backgroundColor:D,textStyle:O,title:L,line:R,radar:_,bar:j,pie:M,scatter:z,boxplot:P,parallel:U,sankey:H,funnel:Z,gauge:G,candlestick:q,graph:X,map:J,geo:K,categoryAxis:Q,valueAxis:Y,logAxis:I,timeAxis:ee,toolbox:te,legend:oe,tooltip:ae,timeline:re,visualMap:le,dataZoom:ie,markPoint:ce},ht=Object.freeze(Object.defineProperty({__proto__:null,backgroundColor:D,bar:j,boxplot:P,candlestick:q,categoryAxis:Q,color:$,dataZoom:ie,default:ut,funnel:Z,gauge:G,geo:K,graph:X,legend:oe,line:R,logAxis:I,map:J,markPoint:ce,parallel:U,pie:M,radar:_,sankey:H,scatter:z,textStyle:O,timeAxis:ee,timeline:re,title:L,toolbox:te,tooltip:ae,valueAxis:Y,visualMap:le},Symbol.toStringTag,{value:"Module"})),ne=["#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)",de={},ue={textStyle:{color:"#008acd"},subtextStyle:{color:"#aaaaaa"}},he={itemStyle:{borderWidth:1},lineStyle:{width:2},symbolSize:3,symbol:"emptyCircle",smooth:!0},be={itemStyle:{borderWidth:1},lineStyle:{width:2},symbolSize:3,symbol:"emptyCircle",smooth:!0},fe={itemStyle:{barBorderWidth:0,barBorderColor:"#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:{borderWidth:0,borderColor:"#ccc"}},we={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"}},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={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)"}}},Fe={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)"]}}},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:!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)"]}}},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)"]}}},Te={iconStyle:{borderColor:"#2ec7c9"},emphasis:{iconStyle:{borderColor:"#18a4a6"}}},Be={textStyle:{color:"#333333"}},We={axisPointer:{lineStyle:{color:"#008acd",width:"1"},crossStyle:{color:"#008acd",width:"1"}}},$e={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"}}},De={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"}}},bt={color:ne,backgroundColor:se,textStyle:de,title:ue,line:he,radar:be,bar:fe,pie:me,scatter:ye,boxplot:pe,parallel:ge,sankey:Se,funnel:Ce,gauge:Ve,candlestick:we,graph:xe,map:Ae,geo:Ee,categoryAxis:Fe,valueAxis:ve,logAxis:Ne,timeAxis:ke,toolbox:Te,legend:Be,tooltip:We,timeline:$e,visualMap:De,dataZoom:Oe,markPoint:Le},ft=Object.freeze(Object.defineProperty({__proto__:null,backgroundColor:se,bar:fe,boxplot:pe,candlestick:we,categoryAxis:Fe,color:ne,dataZoom:Oe,default:bt,funnel:Ce,gauge:Ve,geo:Ee,graph:xe,legend:Be,line:he,logAxis:Ne,map:Ae,markPoint:Le,parallel:ge,pie:me,radar:be,sankey:Se,scatter:ye,textStyle:de,timeAxis:ke,timeline:$e,title:ue,toolbox:Te,tooltip:We,valueAxis:ve,visualMap:De},Symbol.toStringTag,{value:"Module"})),mt=()=>{const e=Object.assign({"/src/echart-themes/macarons/macarons-dark.json":ht,"/src/echart-themes/macarons/macarons.json":ft}),b=/\/([^/]+)\.json$/;return Object.keys(e).reduce((n,d)=>{var a;const l=(a=d.match(b))==null?void 0:a[1];if(l)return n.push({name:l,theme:e[d].default}),n;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(),S=Vue.defineComponent({name:"RChart",props:pt,setup(e,{expose:b}){const{getAppTheme:h}=ze(),n=Vue.ref(),d=Vue.ref(),l=Vue.ref();let a,s;const{echartTheme:f}=He;let u,t;const C=Vue.computed(()=>[{label:"下载图片",key:"downloadChart",disabled:!(l.value&&l.value.getDom())}]),r=Vue.computed(()=>({"--ray-chart-width":W(e.width),"--ray-chart-height":W(e.height)})),Re=async()=>{var o;y([Xe,Je,Ke,Qe,Ye,Ie,et,tt]),y([ot,at,rt,lt,it,ct]),y([nt,st]),y([dt]);try{y((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?p("dark"):p("");return}if(e.theme)p(e.theme);else{const o=e.autoChangeTheme&&h.value?`${f}-dark`:f;p(o)}},F=o=>{let i=Vue.unref(o);const c=m=>Object.assign({animation:!0},i,m);return e.showAria&&(i=c({aria:{enabled:!0,decal:{show:!0}}})),i},p=(o=f)=>{const i=n.value,c=F(e.options),{height:m,width:x}=i.getBoundingClientRect(),{onSuccess:T,onError:B}=e;try{St.forEach(g=>{Ge(g.name,g.theme)}),t=qe(i,o,{width:x===0?200:void 0,height:m===0?200:void 0}),l.value=t,e.animation?(t.setOption({}),setTimeout(()=>{c&&(t==null||t.setOption(c))})):c&&(t==null||t.setOption(c)),T&&E(T,t)}catch(g){B&&E(B),console.error("RChart render error: ",g)}},v=()=>!!(t&&t.getDom()),w=()=>{v()&&(t.clear(),t.dispose(),l.value=void 0)},_e=()=>{t&&t.resize()},je=(o,i)=>{if(o==="downloadChart"&&v()){const{filename:m,...x}=e.downloadOptions;Ue(t.getDataURL(x),m??`${new Date().getTime()}`)}const{onDropdownSelect:c}=e;c&&E(c,o,i)},N=()=>{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&&(a=Me(_e,e.throttleWait),s=Ze(e.observer||d,a))},k=()=>{var o;w(),a==null||a.cancel(),(o=s==null?void 0:s.stop)==null||o.call(s)};return Vue.watch(()=>h.value,()=>{e.autoChangeTheme&&(w(),V())}),Vue.watch(()=>e.showAria,()=>{w(),V()}),Vue.watchEffect(()=>{e.watchOptions?u=Vue.watch(()=>e.options,o=>{const i=F(o),c=Object.assign(e.setChartOptions,gt);t==null||t.setOption(i,c)},{deep:!0}):u==null||u(),e.loading?t==null||t.showLoading(e.loadingOptions):t==null||t.hideLoading()}),b({echart:l,dispose:k,render:N}),Vue.onBeforeMount(async()=>{await Re()}),Vue.onMounted(()=>{N()}),Vue.onBeforeUnmount(()=>{k(),u==null||u()}),{rayChartRef:n,cssVarsRef:r,rayChartWrapperRef:d,moreDropDownOptions:C,dropdownSelect:je}},render(){const{title:e,contentStyle:b,preset:h,moreDropDownOptions:n,dropdownSelect:d,bordered:l,dropdownOptions:a}=this,{cardExtra:s}=this.$slots;return h==="card"?Vue.createVNode(naive.NCard,{class:"ray-chart",ref:"rayChartWrapperRef",style:[this.cssVarsRef],contentStyle:b,bordered:l},{default:A(Vue.createVNode("div",{class:"ray-chart__container",ref:"rayChartRef"},null)),header:A(e,{defaultElement:Vue.createVNode("div",{style:"display: none;"},null)}),"header-extra":A(s,{defaultElement:Vue.createVNode(Pe,{iconSize:18,cursor:"pointer",options:a??n,trigger:"click",onSelect:d.bind(this),placement:"bottom-end"},null)})}):Vue.createVNode("div",{class:"ray-chart",style:[this.cssVarsRef],ref:"rayChartWrapperRef"},[Vue.createVNode("div",{class:"ray-chart__container",ref:"rayChartRef"},null)])}}),Xt=Vue.defineComponent({name:"REchart",setup(){const e=Vue.ref(),b=Vue.ref(!1),h=Vue.ref(!1),n=Vue.reactive({loading:!1}),d={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)"}}]},l={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]}]}),s=r=>{n.loading=r},f=r=>{h.value=r},u=()=>{var r;(r=e.value)==null||r.render()},t=()=>{var r;(r=e.value)==null||r.dispose()},C=()=>{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:d,baseChartRef:e,chartLoading:b,handleLoadingShow:s,chartAria:h,handleAriaShow:f,basePieOptions:l,baseLineOptions:a,...Vue.toRefs(n),mountChart:u,unmountChart:t,handleUpdateTitle:C}},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(S,{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(S,{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(S,{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(S,{options:this.baseOptions,showAria:this.chartAria},null)])])}});export{Xt as default};