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