\${Object.entries(params[0].value).map(kv => \`
\${kv[0]}:\${kv[1]}
\`).join('')}
\`;
},
}
})
`,Ve=`
// 组件样式作用域标识
const scoped = this.subTree.scopeId
function loadStyleString(css){
let style = document.createElement('style')
style.type = 'text/css'
style.appendChild(document.createTextNode(css))
let head = document.getElementsByTagName('head')[0]
head.appendChild(style)
}
loadStyleString(\`
.dv-scroll-board[\${scoped}] {
position: relative;
overflow: hidden;
}
.dv-scroll-board[\${scoped}]::before {
content: '';
display: block;
position: absolute;
top: -20%;
left: -100%;
width: 550px;
height: 60px;
transform: rotate(-45deg);
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0));
animation: cross 2s infinite;
}
@keyframes cross{
to{
top: 80%;
left: 100%;
transform: rotate(-45deg);
}
}
\`)
`,je=`
const chart = this.refs.vChartRef.chart
// 定义地图原点大小 同理可自定义标签等等内容
this.props.chartConfig.option.series[0].symbolSize = (val) => {
return Math.sqrt(val[2]) / 3;
}
this.setupState.vEchartsSetOption();
let i = 0; // 当前轮播索引
const len = 3; // 轮播部分提示
(function showTips() {
const action = (type, dataIndex) => {
chart.dispatchAction({
type,
dataIndex,
seriesIndex: 0,
});
}
setInterval(() => {
action("downplay", i);
action("hideTip", i);
if (i === len) i = 0;
i++;
action("highlight", i);
action("showTip", i);
}, 2000);
})()
`,ze=[{description:"获取当前组件实例",code:Ie},{description:"获取全局 echarts 实例",code:De},{description:"获取组件图表集合",code:Ne},{description:"获取 nodeModules 实例",code:Me},{description:"获取远程 CDN 库",code:Ue},{description:"设置文字组件点击事件",code:Le},{description:"修改图表 tooltip",code:Fe},{description:"添加【轮播列表】样式",code:Ve},{description:"修改【地图】圆点,新增提示自动轮播",code:je}],Q=g=>(pe("data-v-53d5d409"),g=g(),_e(),g),Ae={class:"func-annotate"},Be=Q(()=>c("br",null,null,-1)),Re={class:"func-keyword"},Pe={class:"go-ml-4"},qe=Q(()=>c("p",null,[a("}"),c("span",null,",")],-1)),Ke={class:"go-pl-3"},He=Q(()=>c("span",{class:"func-keyword"},"async function ",-1)),We={class:"func-keyNameWord"},Ge=Q(()=>c("p",{class:"go-pl-3 func-keyNameWord"},"}",-1)),Je=Q(()=>c("br",null,null,-1)),Qe=Q(()=>c("br",null,null,-1)),Xe={class:"go-flex-items-center"},Ye=Z({__name:"index",setup(g){const{targetData:r,chartEditStore:y}=ee(),{DocumentTextIcon:B,ChevronDownIcon:E,PencilIcon:N}=le.ionicons5,U={[W.VNODE_BEFORE_MOUNT]:"渲染之前",[W.VNODE_MOUNTED]:"渲染之后"},$={[W.VNODE_BEFORE_MOUNT]:"此时组件 DOM 还未存在",[W.VNODE_MOUNTED]:"此时组件 DOM 已经存在"},w=A(!1),C=A(W.VNODE_MOUNTED);let D=A(H({},r.value.events.advancedEvents));const G=A(!1),P=()=>{let i="",d="",S="";return G.value=Object.entries(D.value).every(([u,_])=>{try{const m=Object.getPrototypeOf(function(){return ae(this,null,function*(){})}).constructor;return new m(_),!0}catch(m){return d=m.message,S=m.name,i=u,!1}}),{errorFn:i,message:d,name:S}},J=()=>{w.value=!1},f=()=>{if(P().errorFn){window.$message.error("事件函数错误,无法进行保存");return}Object.values(D.value).join("").trim()===""?r.value.events.advancedEvents={vnodeBeforeMount:void 0,vnodeMounted:void 0}:r.value.events.advancedEvents=H({},D.value),J()};return ue(()=>w.value,i=>{i&&(D.value=H({},r.value.events.advancedEvents))}),(i,d)=>{const S=n("n-icon"),u=n("n-button"),_=n("n-code"),m=n("n-card"),v=n("n-collapse-item"),O=n("n-text"),F=n("n-space"),V=n("n-tab-pane"),q=n("n-tabs"),K=n("n-layout"),R=n("n-collapse"),T=n("n-scrollbar"),j=n("n-tag"),x=n("n-layout-sider"),p=n("n-modal");return s(),h(k,null,[t(v,{title:"高级事件配置",name:"3"},{"header-extra":e(()=>[t(u,{type:"primary",tertiary:"",size:"small",onClick:d[0]||(d[0]=oe(o=>w.value=!0,["stop"]))},{icon:e(()=>[t(S,null,{default:e(()=>[t(l(N))]),_:1})]),default:e(()=>[a(" 编辑 ")]),_:1})]),default:e(()=>[t(m,{class:"collapse-show-box"},{default:e(()=>[(s(!0),h(k,null,I(l(W),o=>(s(),h("div",{key:o},[c("p",null,[c("span",Ae,"// "+b(U[o]),1),Be,c("span",Re,"async "+b(o),1),a(" (e, components, echarts, node_modules) { ")]),c("p",Pe,[t(_,{code:(l(r).events.advancedEvents||{})[o]||"",language:"typescript"},null,8,["code"])]),qe]))),128))]),_:1})]),_:1}),t(p,{class:"go-chart-data-monaco-editor",show:w.value,"onUpdate:show":d[2]||(d[2]=o=>w.value=o),"mask-closable":!1},{default:e(()=>[t(m,{bordered:!1,role:"dialog",size:"small","aria-modal":"true",style:{width:"1200px",height:"700px"}},{header:e(()=>[t(F,null,{default:e(()=>[t(O,null,{default:e(()=>[a("高级事件编辑器(配合源码使用)")]),_:1})]),_:1})]),"header-extra":e(()=>[]),action:e(()=>[t(F,{justify:"space-between"},{default:e(()=>[c("div",Xe,[t(j,{bordered:!1,type:"primary"},{icon:e(()=>[t(S,{component:l(B)},null,8,["component"])]),default:e(()=>[a(" 说明 ")]),_:1}),t(O,{class:"go-ml-2",depth:"2"},{default:e(()=>[a("通过提供的参数可为图表增加定制化的tooltip、交互事件等等")]),_:1})]),t(F,null,{default:e(()=>[t(u,{size:"medium",onClick:J},{default:e(()=>[a("取消")]),_:1}),t(u,{size:"medium",type:"primary",onClick:f},{default:e(()=>[a("保存")]),_:1})]),_:1})]),_:1})]),default:e(()=>[t(K,{"has-sider":"","sider-placement":"right"},{default:e(()=>[t(K,{style:{height:"580px","padding-right":"20px"}},{default:e(()=>[t(q,{value:C.value,"onUpdate:value":d[1]||(d[1]=o=>C.value=o),type:"card","tab-style":"min-width: 100px;"},{suffix:e(()=>[t(O,{class:"tab-tip",type:"warning"},{default:e(()=>[a("提示: "+b($[C.value]),1)]),_:1})]),default:e(()=>[(s(!0),h(k,null,I(l(W),(o,z)=>(s(),L(V,{key:z,tab:`${U[o]}-${o}`,name:o},{default:e(()=>[c("p",Ke,[He,c("span",We,b(o)+"(e, components, echarts, node_modules) {",1)]),t(l(me),{modelValue:l(D)[o],"onUpdate:modelValue":ne=>l(D)[o]=ne,height:"480px",language:"javascript"},null,8,["modelValue","onUpdate:modelValue"]),Ge]),_:2},1032,["tab","name"]))),128))]),_:1},8,["value"])]),_:1}),t(x,{"collapsed-width":14,width:340,"show-trigger":"bar","collapse-mode":"transform","content-style":"padding: 12px 12px 0px 12px;margin-left: 3px;"},{default:e(()=>[t(q,{"default-value":"1","justify-content":"space-evenly",type:"segment"},{default:e(()=>[t(V,{tab:"验证结果",name:"1",size:"small"},{default:e(()=>[t(T,{trigger:"none",style:{"max-height":"505px"}},{default:e(()=>[t(R,{class:"go-px-3","arrow-placement":"right","default-expanded-names":[1,2,3]},{default:e(()=>[(s(!0),h(k,null,I([P()],o=>(s(),h(k,{key:o},[t(v,{title:"错误函数",name:1},{default:e(()=>[t(O,{depth:"3"},{default:e(()=>[a(b(o.errorFn||"暂无"),1)]),_:2},1024)]),_:2},1024),t(v,{title:"错误信息",name:2},{default:e(()=>[t(O,{depth:"3"},{default:e(()=>[a(b(o.name||"暂无"),1)]),_:2},1024)]),_:2},1024),t(v,{title:"堆栈信息",name:3},{default:e(()=>[t(O,{depth:"3"},{default:e(()=>[a(b(o.message||"暂无"),1)]),_:2},1024)]),_:2},1024)],64))),128))]),_:1})]),_:1})]),_:1}),t(V,{tab:"变量说明",name:"2"},{default:e(()=>[t(T,{trigger:"none",style:{"max-height":"505px"}},{default:e(()=>[t(R,{class:"go-px-3","arrow-placement":"right","default-expanded-names":[1,2,3,4]},{default:e(()=>[t(v,{title:"e",name:1},{default:e(()=>[t(O,{depth:"3"},{default:e(()=>[a("触发对应生命周期事件时接收的参数")]),_:1})]),_:1}),t(v,{title:"this",name:2},{default:e(()=>[t(O,{depth:"3"},{default:e(()=>[a("图表组件实例")]),_:1}),Je,(s(!0),h(k,null,I(["refs","setupState","ctx","props","..."],o=>(s(),L(j,{class:"go-m-1",key:o},{default:e(()=>[a(b(o),1)]),_:2},1024))),128))]),_:1}),t(v,{title:"components",name:3},{default:e(()=>[t(O,{depth:"3"},{default:e(()=>[a("当前大屏内所有组件的集合id 图表组件中的配置id,可以获取其他图表组件进行控制")]),_:1}),t(_,{code:`{
[id]: component
}`,language:"typescript"})]),_:1}),t(v,{title:"node_modules",name:4},{default:e(()=>[t(O,{depth:"3"},{default:e(()=>[a("以下是内置在代码环境中可用的包变量")]),_:1}),Qe,(s(!0),h(k,null,I(Object.keys(l(ke)||{}),o=>(s(),L(j,{class:"go-m-1",key:o},{default:e(()=>[a(b(o),1)]),_:2},1024))),128))]),_:1})]),_:1})]),_:1})]),_:1}),t(V,{tab:"介绍案例",name:"3"},{default:e(()=>[t(T,{trigger:"none",style:{"max-height":"505px"}},{default:e(()=>[t(R,{"arrow-placement":"right"},{default:e(()=>[(s(!0),h(k,null,I(l(ze),(o,z)=>(s(),L(v,{key:z,title:`案例${z+1}:${o.description}`,name:z},{default:e(()=>[t(_,{code:o.code,language:"typescript"},null,8,["code"])]),_:2},1032,["title","name"]))),128))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["show"])],64)}}});const Ze=se(Ye,[["__scopeId","data-v-53d5d409"]]),te=g=>(pe("data-v-c7d70b76"),g=g(),_e(),g),et={class:"func-annotate"},tt=te(()=>c("br",null,null,-1)),nt={class:"func-keyword"},at={class:"go-ml-4"},ot=te(()=>c("p",null,[a("}"),c("span",null,",")],-1)),st={class:"go-pl-3"},lt=te(()=>c("span",{class:"func-keyword"},"async function ",-1)),ct={class:"func-keyNameWord"},rt=te(()=>c("p",{class:"go-pl-3 func-keyNameWord"},"}",-1)),dt={class:"go-flex-items-center"},it=Z({__name:"index",setup(g){const{targetData:r,chartEditStore:y}=ee(),{DocumentTextIcon:B,ChevronDownIcon:E,PencilIcon:N}=le.ionicons5,U={[M.ON_CLICK]:"单击",[M.ON_DBL_CLICK]:"双击",[M.ON_MOUSE_ENTER]:"鼠标进入",[M.ON_MOUSE_LEAVE]:"鼠标移出"},$=A(!1),w=A(M.ON_CLICK);let C=A(H({},r.value.events.baseEvent));const D=A(!1),G=()=>{let f="",i="",d="";return D.value=Object.entries(C.value).every(([S,u])=>{try{const _=Object.getPrototypeOf(function(){return ae(this,null,function*(){})}).constructor;return new _(u),!0}catch(_){return i=_.message,d=_.name,f=S,!1}}),{errorFn:f,message:i,name:d}},P=()=>{$.value=!1},J=()=>{if(G().errorFn){window.$message.error("事件函数错误,无法进行保存");return}Object.values(C.value).join("").trim()===""?r.value.events.baseEvent={[M.ON_CLICK]:void 0,[M.ON_DBL_CLICK]:void 0,[M.ON_MOUSE_ENTER]:void 0,[M.ON_MOUSE_LEAVE]:void 0}:r.value.events.baseEvent=H({},C.value),P()};return ue(()=>$.value,f=>{f&&(C.value=H({},r.value.events.baseEvent))}),(f,i)=>{const d=n("n-icon"),S=n("n-button"),u=n("n-code"),_=n("n-card"),m=n("n-collapse-item"),v=n("n-text"),O=n("n-space"),F=n("n-tab-pane"),V=n("n-tabs"),q=n("n-layout"),K=n("n-collapse"),R=n("n-scrollbar"),T=n("n-layout-sider"),j=n("n-tag"),x=n("n-modal");return s(),h(k,null,[t(m,{title:"基础事件配置",name:"2"},{"header-extra":e(()=>[t(S,{type:"primary",tertiary:"",size:"small",onClick:i[0]||(i[0]=oe(p=>$.value=!0,["stop"]))},{icon:e(()=>[t(d,null,{default:e(()=>[t(l(N))]),_:1})]),default:e(()=>[a(" 编辑 ")]),_:1})]),default:e(()=>[t(_,{class:"collapse-show-box"},{default:e(()=>[(s(!0),h(k,null,I(l(M),p=>(s(),h("div",{key:p},[c("p",null,[c("span",et,"// "+b(U[p]),1),tt,c("span",nt,"async "+b(p),1),a(" (mouseEvent) { ")]),c("p",at,[t(u,{code:(l(r).events.baseEvent||{})[p]||"",language:"typescript"},null,8,["code"])]),ot]))),128))]),_:1})]),_:1}),t(x,{class:"go-chart-data-monaco-editor",show:$.value,"onUpdate:show":i[2]||(i[2]=p=>$.value=p),"mask-closable":!1},{default:e(()=>[t(_,{bordered:!1,role:"dialog",size:"small","aria-modal":"true",style:{width:"1200px",height:"700px"}},{header:e(()=>[t(O,null,{default:e(()=>[t(v,null,{default:e(()=>[a("基础事件编辑器")]),_:1})]),_:1})]),"header-extra":e(()=>[]),action:e(()=>[t(O,{justify:"space-between"},{default:e(()=>[c("div",dt,[t(j,{bordered:!1,type:"primary"},{icon:e(()=>[t(d,{component:l(B)},null,8,["component"])]),default:e(()=>[a(" 说明 ")]),_:1}),t(v,{class:"go-ml-2",depth:"2"},{default:e(()=>[a("编写方式同正常 JavaScript 写法")]),_:1})]),t(O,null,{default:e(()=>[t(S,{size:"medium",onClick:P},{default:e(()=>[a("取消")]),_:1}),t(S,{size:"medium",type:"primary",onClick:J},{default:e(()=>[a("保存")]),_:1})]),_:1})]),_:1})]),default:e(()=>[t(q,{"has-sider":"","sider-placement":"right"},{default:e(()=>[t(q,{style:{height:"580px","padding-right":"20px"}},{default:e(()=>[t(V,{value:w.value,"onUpdate:value":i[1]||(i[1]=p=>w.value=p),type:"card","tab-style":"min-width: 100px;"},{suffix:e(()=>[t(v,{class:"tab-tip",type:"warning"},{default:e(()=>[a("提示: ECharts 组件会拦截鼠标事件")]),_:1})]),default:e(()=>[(s(!0),h(k,null,I(l(M),(p,o)=>(s(),L(F,{key:o,tab:`${U[p]}-${p}`,name:p},{default:e(()=>[c("p",st,[lt,c("span",ct,b(p)+"(mouseEvent) {",1)]),t(l(me),{modelValue:l(C)[p],"onUpdate:modelValue":z=>l(C)[p]=z,height:"480px",language:"javascript"},null,8,["modelValue","onUpdate:modelValue"]),rt]),_:2},1032,["tab","name"]))),128))]),_:1},8,["value"])]),_:1}),t(T,{"collapsed-width":14,width:340,"show-trigger":"bar","collapse-mode":"transform","content-style":"padding: 12px 12px 0px 12px;margin-left: 3px;"},{default:e(()=>[t(V,{"default-value":"1","justify-content":"space-evenly",type:"segment"},{default:e(()=>[t(F,{tab:"验证结果",name:"1",size:"small"},{default:e(()=>[t(R,{trigger:"none",style:{"max-height":"505px"}},{default:e(()=>[t(K,{class:"go-px-3","arrow-placement":"right","default-expanded-names":[1,2,3]},{default:e(()=>[(s(!0),h(k,null,I([G()],p=>(s(),h(k,{key:p},[t(m,{title:"错误函数",name:1},{default:e(()=>[t(v,{depth:"3"},{default:e(()=>[a(b(p.errorFn||"暂无"),1)]),_:2},1024)]),_:2},1024),t(m,{title:"错误信息",name:2},{default:e(()=>[t(v,{depth:"3"},{default:e(()=>[a(b(p.name||"暂无"),1)]),_:2},1024)]),_:2},1024),t(m,{title:"堆栈信息",name:3},{default:e(()=>[t(v,{depth:"3"},{default:e(()=>[a(b(p.message||"暂无"),1)]),_:2},1024)]),_:2},1024)],64))),128))]),_:1})]),_:1})]),_:1}),t(F,{tab:"变量说明",name:"2"},{default:e(()=>[t(R,{trigger:"none",style:{"max-height":"505px"}},{default:e(()=>[t(K,{class:"go-px-3","arrow-placement":"right","default-expanded-names":[1,2]},{default:e(()=>[t(m,{title:"mouseEvent",name:1},{default:e(()=>[t(v,{depth:"3"},{default:e(()=>[a("鼠标事件对象")]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["show"])],64)}}});const ut=se(it,[["__scopeId","data-v-c7d70b76"]]),kt=Z({__name:"index",setup(g){const{targetData:r}=ee();return A(!1),(y,B)=>{const E=n("n-text"),N=n("n-collapse");return s(),L(N,{class:"go-mt-3","arrow-placement":"right","default-expanded-names":["1","2"]},{default:e(()=>[t(E,{depth:"3"},{default:e(()=>[a(" 组件 id: "),t(E,null,{default:e(()=>[a(b(l(r).id),1)]),_:1})]),_:1}),t(l($e)),t(l(ut)),t(l(Ze))]),_:1})}}});export{kt as default};