var pe=Object.defineProperty;var se=Object.getOwnPropertySymbols;var ce=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable;var le=(I,c,y)=>c in I?pe(I,c,{enumerable:!0,configurable:!0,writable:!0,value:y}):I[c]=y,H=(I,c)=>{for(var y in c||(c={}))ce.call(c,y)&&le(I,y,c[y]);if(se)for(var y of se(c))_e.call(c,y)&&le(I,y,c[y]);return I};var te=(I,c,y)=>new Promise((A,E)=>{var N=w=>{try{S(y.next(w))}catch(k){E(k)}},F=w=>{try{S(y.throw(w))}catch(k){E(k)}},S=w=>w.done?A(w.value):Promise.resolve(w.value).then(N,F);S((y=y.apply(I,c)).next())});import{d as Y,cY as re,V as ie,r as a,o as d,A as U,w as e,b as t,bj as ne,u as i,e as s,c as v,m as r,$ as Q,F as O,p as D,t as x,M as me,N as fe,cD as ve,aJ as ge,f as oe,aR as J,h as q,G as de,aQ as L}from"./index-7f9b3dc0.js";import{S as ye}from"./SettingItem-8cd8dfcb.js";import{S as X}from"./SettingItemBox-8561e243.js";import{g as be}from"./plugin-7a76ddd3.js";import{i as ae}from"./icon-24c63d72.js";import{d as xe}from"./chartEditStore-a7c7155c.js";/* empty css */import{n as he}from"./noData-b4665123.js";import{u as Z}from"./useTargetData.hook-24871542.js";import{M as ue}from"./EditorWorker-cbabba82.js";import"./editorWorker-43a98755.js";import{n as Ee}from"./useLifeHandler.hook-9fd56b48.js";const we={key:0,class:"no-data go-flex-center"},Ce=["src"],Oe=Y({__name:"index",setup(I){const{CloseIcon:c,AddIcon:y,HelpOutlineIcon:A}=ae.ionicons5,{targetData:E,chartEditStore:N}=Z(),F=[re.PARAMS,re.HEADER],S=ie(()=>{const f=E.value.interactActions;return f?f.map(n=>({label:n.interactName,value:n.interactType})):[]}),w=ie(()=>E.value.option),k=(f,n)=>{var C,g;if(!f)return{};const o=(C=N.requestGlobalConfig.requestDataPond.find(b=>b.dataPondId===f))==null?void 0:C.dataPondRequestConfig.requestParams;return o?o[n]:(g=N.componentList[N.fetchTargetIndex(f)])==null?void 0:g.request.requestParams[n]},$=f=>{if(!f||!E.value.interactActions)return[];const n=E.value.interactActions.find(o=>o.interactType===f);return(n==null?void 0:n.componentEmitEvents[w.value[ve]])||[]},K=()=>{var b;const f=u=>u.reduce((p,_)=>(!_.groupList&&_.request.requestDataType===ge.AJAX&&_.request.requestUrl&&p.push(_),_.groupList&&_.groupList.length>0?[...p,...f(_.groupList)]:p),[]),o=f(N.componentList).filter(u=>{const p=u.id!==E.value.id,_=u.chartConfig.chartFrame!==xe.STATIC,M=!u.isGroup;return p&&_&&M}).map(u=>({id:u.id,title:u.chartConfig.title,disabled:!1,type:"componentList"})),g=N.requestGlobalConfig.requestDataPond.map(u=>({id:u.dataPondId,title:u.dataPondName,disabled:!1,type:"requestDataPond"})).concat(o);return(b=E.value.events.interactEvents)==null||b.forEach(u=>{g.forEach(p=>{p.id===u.interactComponentId&&(p.disabled=!0)})}),g},R=()=>{E.value.events.interactEvents.push({interactOn:void 0,interactComponentId:void 0,interactFn:{}})},W=f=>{be({message:"是否删除此关联交互模块?",onPositiveCallback:()=>{E.value.events.interactEvents.splice(f,1)}})};return(f,n)=>{const o=a("n-icon"),C=a("n-button"),g=a("n-text"),b=a("n-space"),u=a("n-divider"),p=a("n-tag"),_=a("n-select"),M=a("n-input-group"),V=a("n-tooltip"),B=a("n-table"),G=a("n-card"),z=a("n-collapse-item");return S.value.length?(d(),U(z,{key:0,title:"组件交互",name:"1"},{"header-extra":e(()=>[t(C,{type:"primary",tertiary:"",size:"small",onClick:ne(R,["stop"])},{icon:e(()=>[t(o,null,{default:e(()=>[t(i(y))]),_:1})]),default:e(()=>[n[0]||(n[0]=s(" 新增 "))]),_:1})]),default:e(()=>[i(E).events.interactEvents.length?Q("",!0):(d(),v("div",we,[r("img",{src:i(he),alt:"暂无数据"},null,8,Ce),t(g,{depth:3},{default:e(()=>n[1]||(n[1]=[s("暂无内容")])),_:1})])),(d(!0),v(O,null,D(i(E).events.interactEvents,(T,j)=>(d(),U(G,{key:j,class:"n-card-shallow",size:"small"},{default:e(()=>[t(b,{justify:"space-between"},{default:e(()=>[t(g,null,{default:e(()=>[s("关联组件 - "+x(j+1),1)]),_:2},1024),t(C,{type:"error",text:"",size:"small",onClick:h=>W(j)},{icon:e(()=>[t(o,null,{default:e(()=>[t(i(c))]),_:1})]),_:2},1032,["onClick"])]),_:2},1024),t(u,{style:{margin:"10px 0"}}),t(p,{bordered:!1,type:"primary"},{default:e(()=>n[2]||(n[2]=[s(" 选择目标组件 ")])),_:1}),t(i(X),{name:"触发事件",alone:!0},{default:e(()=>[S.value?(d(),U(M,{key:0},{default:e(()=>[t(_,{class:"select-type-options",value:T.interactOn,"onUpdate:value":h=>T.interactOn=h,size:"tiny",options:S.value},null,8,["value","onUpdate:value","options"])]),_:2},1024)):Q("",!0)]),_:2},1024),t(i(X),{alone:!0},{name:e(()=>[t(g,null,{default:e(()=>n[3]||(n[3]=[s("绑定")])),_:1}),t(V,{trigger:"hover"},{trigger:e(()=>[t(o,{size:"21",depth:3},{default:e(()=>[t(i(A))]),_:1})]),default:e(()=>[t(g,null,{default:e(()=>n[4]||(n[4]=[s("不支持「静态组件」支持「组件」「公共APi」")])),_:1})]),_:1})]),default:e(()=>[t(_,{class:"select-type-options","value-field":"id","label-field":"title",size:"tiny",filterable:"",placeholder:"仅展示符合条件的组件",value:T.interactComponentId,"onUpdate:value":h=>T.interactComponentId=h,options:K()},null,8,["value","onUpdate:value","options"])]),_:2},1024),$(T.interactOn).length?(d(),U(i(X),{key:0,name:"查询结果",alone:!0},{default:e(()=>[t(B,{size:"small",striped:""},{default:e(()=>[r("thead",null,[r("tr",null,[(d(),v(O,null,D(["参数","说明"],h=>r("th",{key:h},x(h),1)),64))])]),r("tbody",null,[(d(!0),v(O,null,D($(T.interactOn),(h,m)=>(d(),v("tr",{key:m},[r("td",null,x(h.value),1),r("td",null,x(h.label),1)]))),128))])]),_:2},1024)]),_:2},1024)):Q("",!0),t(p,{bordered:!1,type:"primary"},{default:e(()=>n[5]||(n[5]=[s(" 关联目标请求参数 ")])),_:1}),(d(),v(O,null,D(F,h=>t(i(X),{name:h,key:h},{default:e(()=>[(d(!0),v(O,null,D(k(T.interactComponentId,h),(m,l,P)=>(d(),U(i(ye),{key:P,name:`${l}`},{default:e(()=>[t(_,{size:"tiny",value:T.interactFn[l],"onUpdate:value":ee=>T.interactFn[l]=ee,options:$(T.interactOn),clearable:""},null,8,["value","onUpdate:value","options"])]),_:2},1032,["name"]))),128)),me(t(g,{class:"go-pt-1",depth:"3"},{default:e(()=>n[6]||(n[6]=[s(" 暂无数据 ")])),_:2},1536),[[fe,JSON.stringify(k(T.interactComponentId,h))==="{}"]])]),_:2},1032,["name"])),64))]),_:2},1024))),128))]),_:1})):Q("",!0)}}});const ke=oe(Oe,[["__scopeId","data-v-35304eef"]]),Te=` console.log(e) `,Se=` console.log(echarts) `,De=` console.log(components) `,Ie=` console.log(node_modules) `,Ne=` // 在渲染之后才能获取 dom 实例 e.el.addEventListener('click', () => { alert('我触发拉~'); }, false) `,$e=` await import('https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/lodash.js/4.17.21/lodash.js') // lodash 默认赋值给 "_" console.log('isEqual', _.isEqual(['1'], ['1'])) `,Me=` // 获取echart实例 const chart = this.refs.vChartRef.chart // 图表设置tooltip chart.setOption({ tooltip: { trigger: 'axis', //item enterable: true, formatter (params) { return\`
《这是一个自定义的tooltip》
\${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};