\${Object.entries(params[0].value).map(kv => \`
\${kv[0]}:\${kv[1]}
\`).join('')}
\`;
},
}
})
`,Le=`
// 组件样式作用域标识
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);
}
}
\`)
`,Ae=`
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);
})()
`,Ue=[{description:"获取当前组件实例",code:Te},{description:"获取全局 echarts 实例",code:Se},{description:"获取组件图表集合",code:De},{description:"获取 nodeModules 实例",code:Ie},{description:"获取远程 CDN 库",code:$e},{description:"设置文字组件点击事件",code:Ne},{description:"修改图表 tooltip",code:Me},{description:"添加【轮播列表】样式",code:Le},{description:"修改【地图】圆点,新增提示自动轮播",code:Ae}],Fe={class:"func-annotate"},Ve={class:"func-keyword"},je={class:"go-ml-4"},Pe={class:"go-pl-3"},qe={class:"func-keyNameWord"},ze={class:"go-flex-items-center"},Re=Y({__name:"index",setup(I){const{targetData:c,chartEditStore:y}=Z(),{DocumentTextIcon:A,ChevronDownIcon:E,PencilIcon:N}=ae.ionicons5,F={[J.VNODE_BEFORE_MOUNT]:"渲染之前",[J.VNODE_MOUNTED]:"渲染之后"},S={[J.VNODE_BEFORE_MOUNT]:"此时组件 DOM 还未存在",[J.VNODE_MOUNTED]:"此时组件 DOM 已经存在"},w=q(!1),k=q(J.VNODE_MOUNTED);let $=q(H({},c.value.events.advancedEvents));const K=q(!1),R=()=>{let n="",o="",C="";return K.value=Object.entries($.value).every(([g,b])=>{try{const u=Object.getPrototypeOf(function(){return te(this,null,function*(){})}).constructor;return new u(b),!0}catch(u){return o=u.message,C=u.name,n=g,!1}}),{errorFn:n,message:o,name:C}},W=()=>{w.value=!1},f=()=>{if(R().errorFn){window.$message.error("事件函数错误,无法进行保存");return}Object.values($.value).join("").trim()===""?c.value.events.advancedEvents={vnodeBeforeMount:void 0,vnodeMounted:void 0}:c.value.events.advancedEvents=H({},$.value),W()};return de(()=>w.value,n=>{n&&($.value=H({},c.value.events.advancedEvents))}),(n,o)=>{const C=a("n-icon"),g=a("n-button"),b=a("n-code"),u=a("n-card"),p=a("n-collapse-item"),_=a("n-text"),M=a("n-space"),V=a("n-tab-pane"),B=a("n-tabs"),G=a("n-layout"),z=a("n-collapse"),T=a("n-scrollbar"),j=a("n-tag"),h=a("n-layout-sider"),m=a("n-modal");return d(),v(O,null,[t(p,{title:"高级事件配置",name:"3"},{"header-extra":e(()=>[t(g,{type:"primary",tertiary:"",size:"small",onClick:o[0]||(o[0]=ne(l=>w.value=!0,["stop"]))},{icon:e(()=>[t(C,null,{default:e(()=>[t(i(N))]),_:1})]),default:e(()=>[o[3]||(o[3]=s(" 编辑 "))]),_:1})]),default:e(()=>[t(u,{class:"collapse-show-box"},{default:e(()=>[(d(!0),v(O,null,D(i(J),l=>(d(),v("div",{key:l},[r("p",null,[r("span",Fe,"// "+x(F[l]),1),o[4]||(o[4]=r("br",null,null,-1)),r("span",Ve,"async "+x(l),1),o[5]||(o[5]=s(" (e, components, echarts, node_modules) { "))]),r("p",je,[t(b,{code:(i(c).events.advancedEvents||{})[l]||"",language:"typescript"},null,8,["code"])]),o[6]||(o[6]=r("p",null,[s("}"),r("span",null,",")],-1))]))),128))]),_:1})]),_:1}),t(m,{class:"go-chart-data-monaco-editor",show:w.value,"onUpdate:show":o[2]||(o[2]=l=>w.value=l),"mask-closable":!1},{default:e(()=>[t(u,{bordered:!1,role:"dialog",size:"small","aria-modal":"true",style:{width:"1200px",height:"700px"}},{header:e(()=>[t(M,null,{default:e(()=>[t(_,null,{default:e(()=>o[7]||(o[7]=[s("高级事件编辑器(配合源码使用)")])),_:1})]),_:1})]),"header-extra":e(()=>o[8]||(o[8]=[])),action:e(()=>[t(M,{justify:"space-between"},{default:e(()=>[r("div",ze,[t(j,{bordered:!1,type:"primary"},{icon:e(()=>[t(C,{component:i(A)},null,8,["component"])]),default:e(()=>[o[17]||(o[17]=s(" 说明 "))]),_:1}),t(_,{class:"go-ml-2",depth:"2"},{default:e(()=>o[18]||(o[18]=[s("通过提供的参数可为图表增加定制化的tooltip、交互事件等等")])),_:1})]),t(M,null,{default:e(()=>[t(g,{size:"medium",onClick:W},{default:e(()=>o[19]||(o[19]=[s("取消")])),_:1}),t(g,{size:"medium",type:"primary",onClick:f},{default:e(()=>o[20]||(o[20]=[s("保存")])),_:1})]),_:1})]),_:1})]),default:e(()=>[t(G,{"has-sider":"","sider-placement":"right"},{default:e(()=>[t(G,{style:{height:"580px","padding-right":"20px"}},{default:e(()=>[t(B,{value:k.value,"onUpdate:value":o[1]||(o[1]=l=>k.value=l),type:"card","tab-style":"min-width: 100px;"},{suffix:e(()=>[t(_,{class:"tab-tip",type:"warning"},{default:e(()=>[s("提示: "+x(S[k.value]),1)]),_:1})]),default:e(()=>[(d(!0),v(O,null,D(i(J),(l,P)=>(d(),U(V,{key:P,tab:`${F[l]}-${l}`,name:l},{default:e(()=>[r("p",Pe,[o[9]||(o[9]=r("span",{class:"func-keyword"},"async function ",-1)),r("span",qe,x(l)+"(e, components, echarts, node_modules) {",1)]),t(i(ue),{modelValue:i($)[l],"onUpdate:modelValue":ee=>i($)[l]=ee,height:"480px",language:"javascript"},null,8,["modelValue","onUpdate:modelValue"]),o[10]||(o[10]=r("p",{class:"go-pl-3 func-keyNameWord"},"}",-1))]),_:2},1032,["tab","name"]))),128))]),_:1},8,["value"])]),_:1}),t(h,{"collapsed-width":14,width:340,"show-trigger":"bar","collapse-mode":"transform","content-style":"padding: 12px 12px 0px 12px;margin-left: 3px;"},{default:e(()=>[t(B,{"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(z,{class:"go-px-3","arrow-placement":"right","default-expanded-names":[1,2,3]},{default:e(()=>[(d(!0),v(O,null,D([R()],l=>(d(),v(O,{key:l},[t(p,{title:"错误函数",name:1},{default:e(()=>[t(_,{depth:"3"},{default:e(()=>[s(x(l.errorFn||"暂无"),1)]),_:2},1024)]),_:2},1024),t(p,{title:"错误信息",name:2},{default:e(()=>[t(_,{depth:"3"},{default:e(()=>[s(x(l.name||"暂无"),1)]),_:2},1024)]),_:2},1024),t(p,{title:"堆栈信息",name:3},{default:e(()=>[t(_,{depth:"3"},{default:e(()=>[s(x(l.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(z,{class:"go-px-3","arrow-placement":"right","default-expanded-names":[1,2,3,4]},{default:e(()=>[t(p,{title:"e",name:1},{default:e(()=>[t(_,{depth:"3"},{default:e(()=>o[11]||(o[11]=[s("触发对应生命周期事件时接收的参数")])),_:1})]),_:1}),t(p,{title:"this",name:2},{default:e(()=>[t(_,{depth:"3"},{default:e(()=>o[12]||(o[12]=[s("图表组件实例")])),_:1}),o[13]||(o[13]=r("br",null,null,-1)),(d(),v(O,null,D(["refs","setupState","ctx","props","..."],l=>t(j,{class:"go-m-1",key:l},{default:e(()=>[s(x(l),1)]),_:2},1024)),64))]),_:1}),t(p,{title:"components",name:3},{default:e(()=>[t(_,{depth:"3"},{default:e(()=>o[14]||(o[14]=[s("当前大屏内所有组件的集合id 图表组件中的配置id,可以获取其他图表组件进行控制")])),_:1}),t(b,{code:`{
[id]: component
}`,language:"typescript"})]),_:1}),t(p,{title:"node_modules",name:4},{default:e(()=>[t(_,{depth:"3"},{default:e(()=>o[15]||(o[15]=[s("以下是内置在代码环境中可用的包变量")])),_:1}),o[16]||(o[16]=r("br",null,null,-1)),(d(!0),v(O,null,D(Object.keys(i(Ee)||{}),l=>(d(),U(j,{class:"go-m-1",key:l},{default:e(()=>[s(x(l),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(z,{"arrow-placement":"right"},{default:e(()=>[(d(!0),v(O,null,D(i(Ue),(l,P)=>(d(),U(p,{key:P,title:`案例${P+1}:${l.description}`,name:P},{default:e(()=>[t(b,{code:l.code,language:"typescript"},null,8,["code"])]),_:2},1032,["title","name"]))),128))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["show"])],64)}}});const Be=oe(Re,[["__scopeId","data-v-53d5d409"]]),Ge={class:"func-annotate"},He={class:"func-keyword"},Je={class:"go-ml-4"},Ke={class:"go-pl-3"},We={class:"func-keyNameWord"},Qe={class:"go-flex-items-center"},Xe=Y({__name:"index",setup(I){const{targetData:c,chartEditStore:y}=Z(),{DocumentTextIcon:A,ChevronDownIcon:E,PencilIcon:N}=ae.ionicons5,F={[L.ON_CLICK]:"单击",[L.ON_DBL_CLICK]:"双击",[L.ON_MOUSE_ENTER]:"鼠标进入",[L.ON_MOUSE_LEAVE]:"鼠标移出"},S=q(!1),w=q(L.ON_CLICK);let k=q(H({},c.value.events.baseEvent));const $=q(!1),K=()=>{let f="",n="",o="";return $.value=Object.entries(k.value).every(([C,g])=>{try{const b=Object.getPrototypeOf(function(){return te(this,null,function*(){})}).constructor;return new b(g),!0}catch(b){return n=b.message,o=b.name,f=C,!1}}),{errorFn:f,message:n,name:o}},R=()=>{S.value=!1},W=()=>{if(K().errorFn){window.$message.error("事件函数错误,无法进行保存");return}Object.values(k.value).join("").trim()===""?c.value.events.baseEvent={[L.ON_CLICK]:void 0,[L.ON_DBL_CLICK]:void 0,[L.ON_MOUSE_ENTER]:void 0,[L.ON_MOUSE_LEAVE]:void 0}:c.value.events.baseEvent=H({},k.value),R()};return de(()=>S.value,f=>{f&&(k.value=H({},c.value.events.baseEvent))}),(f,n)=>{const o=a("n-icon"),C=a("n-button"),g=a("n-code"),b=a("n-card"),u=a("n-collapse-item"),p=a("n-text"),_=a("n-space"),M=a("n-tab-pane"),V=a("n-tabs"),B=a("n-layout"),G=a("n-collapse"),z=a("n-scrollbar"),T=a("n-layout-sider"),j=a("n-tag"),h=a("n-modal");return d(),v(O,null,[t(u,{title:"基础事件配置",name:"2"},{"header-extra":e(()=>[t(C,{type:"primary",tertiary:"",size:"small",onClick:n[0]||(n[0]=ne(m=>S.value=!0,["stop"]))},{icon:e(()=>[t(o,null,{default:e(()=>[t(i(N))]),_:1})]),default:e(()=>[n[3]||(n[3]=s(" 编辑 "))]),_:1})]),default:e(()=>[t(b,{class:"collapse-show-box"},{default:e(()=>[(d(!0),v(O,null,D(i(L),m=>(d(),v("div",{key:m},[r("p",null,[r("span",Ge,"// "+x(F[m]),1),n[4]||(n[4]=r("br",null,null,-1)),r("span",He,"async "+x(m),1),n[5]||(n[5]=s(" (mouseEvent,components) { "))]),r("p",Je,[t(g,{code:(i(c).events.baseEvent||{})[m]||"",language:"typescript"},null,8,["code"])]),n[6]||(n[6]=r("p",null,[s("}"),r("span",null,",")],-1))]))),128))]),_:1})]),_:1}),t(h,{class:"go-chart-data-monaco-editor",show:S.value,"onUpdate:show":n[2]||(n[2]=m=>S.value=m),"mask-closable":!1},{default:e(()=>[t(b,{bordered:!1,role:"dialog",size:"small","aria-modal":"true",style:{width:"1200px",height:"700px"}},{header:e(()=>[t(_,null,{default:e(()=>[t(p,null,{default:e(()=>n[7]||(n[7]=[s("基础事件编辑器")])),_:1})]),_:1})]),"header-extra":e(()=>n[8]||(n[8]=[])),action:e(()=>[t(_,{justify:"space-between"},{default:e(()=>[r("div",Qe,[t(j,{bordered:!1,type:"primary"},{icon:e(()=>[t(o,{component:i(A)},null,8,["component"])]),default:e(()=>[n[13]||(n[13]=s(" 说明 "))]),_:1}),t(p,{class:"go-ml-2",depth:"2"},{default:e(()=>n[14]||(n[14]=[s("编写方式同正常 JavaScript 写法")])),_:1})]),t(_,null,{default:e(()=>[t(C,{size:"medium",onClick:R},{default:e(()=>n[15]||(n[15]=[s("取消")])),_:1}),t(C,{size:"medium",type:"primary",onClick:W},{default:e(()=>n[16]||(n[16]=[s("保存")])),_:1})]),_:1})]),_:1})]),default:e(()=>[t(B,{"has-sider":"","sider-placement":"right"},{default:e(()=>[t(B,{style:{height:"580px","padding-right":"20px"}},{default:e(()=>[t(V,{value:w.value,"onUpdate:value":n[1]||(n[1]=m=>w.value=m),type:"card","tab-style":"min-width: 100px;"},{suffix:e(()=>[t(p,{class:"tab-tip",type:"warning"},{default:e(()=>n[9]||(n[9]=[s("提示: ECharts 组件会拦截鼠标事件")])),_:1})]),default:e(()=>[(d(!0),v(O,null,D(i(L),(m,l)=>(d(),U(M,{key:l,tab:`${F[m]}-${m}`,name:m},{default:e(()=>[r("p",Ke,[n[10]||(n[10]=r("span",{class:"func-keyword"},"async function ",-1)),r("span",We,x(m)+"(mouseEvent,components) {",1)]),t(i(ue),{modelValue:i(k)[m],"onUpdate:modelValue":P=>i(k)[m]=P,height:"480px",language:"javascript"},null,8,["modelValue","onUpdate:modelValue"]),n[11]||(n[11]=r("p",{class:"go-pl-3 func-keyNameWord"},"}",-1))]),_: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(M,{tab:"验证结果",name:"1",size:"small"},{default:e(()=>[t(z,{trigger:"none",style:{"max-height":"505px"}},{default:e(()=>[t(G,{class:"go-px-3","arrow-placement":"right","default-expanded-names":[1,2,3]},{default:e(()=>[(d(!0),v(O,null,D([K()],m=>(d(),v(O,{key:m},[t(u,{title:"错误函数",name:1},{default:e(()=>[t(p,{depth:"3"},{default:e(()=>[s(x(m.errorFn||"暂无"),1)]),_:2},1024)]),_:2},1024),t(u,{title:"错误信息",name:2},{default:e(()=>[t(p,{depth:"3"},{default:e(()=>[s(x(m.name||"暂无"),1)]),_:2},1024)]),_:2},1024),t(u,{title:"堆栈信息",name:3},{default:e(()=>[t(p,{depth:"3"},{default:e(()=>[s(x(m.message||"暂无"),1)]),_:2},1024)]),_:2},1024)],64))),128))]),_:1})]),_:1})]),_:1}),t(M,{tab:"变量说明",name:"2"},{default:e(()=>[t(z,{trigger:"none",style:{"max-height":"505px"}},{default:e(()=>[t(G,{class:"go-px-3","arrow-placement":"right","default-expanded-names":[1,2]},{default:e(()=>[t(u,{title:"mouseEvent",name:1},{default:e(()=>[t(p,{depth:"3"},{default:e(()=>n[12]||(n[12]=[s("鼠标事件对象")])),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["show"])],64)}}});const Ye=oe(Xe,[["__scopeId","data-v-8e33f3b1"]]),ct=Y({__name:"index",setup(I){const{targetData:c}=Z();return q(!1),(y,A)=>{const E=a("n-text"),N=a("n-collapse");return d(),U(N,{class:"go-mt-3","arrow-placement":"right","default-expanded-names":["1","2"]},{default:e(()=>[t(E,{depth:"3"},{default:e(()=>[A[0]||(A[0]=s(" 组件 id: ")),t(E,null,{default:e(()=>[s(x(i(c).id),1)]),_:1})]),_:1}),t(i(ke)),t(i(Ye)),t(i(Be))]),_:1})}}});export{ct as default};