sagoo-admin-ui-plugin/screen/static/js/index-05e63647.js

import{d as X,cX as oe,V as ae,r as a,o as d,A as M,w as e,b as t,bi as ee,u as i,e as s,c as f,m as r,$ as W,F as h,p as O,t as y,M as re,N as ie,cC as de,aI as ue,f as te,aQ as R,h as F,G as se,aP as N}from"./index-ec08eff7.js";import{S as pe}from"./SettingItem-e3862b0b.js";import{S as J}from"./SettingItemBox-76552639.js";import{g as ce}from"./plugin-56cc5b01.js";import{i as ne}from"./icon-97832eae.js";import{d as _e}from"./chartEditStore-bf521111.js";/* empty css                                                                      */import{n as me}from"./noData-b4665123.js";import{u as Q}from"./useTargetData.hook-935ebabf.js";import{M as le}from"./EditorWorker-cfd3507e.js";import"./editorWorker-1611c17d.js";import{n as fe}from"./useLifeHandler.hook-b2f35a4a.js";const ve={key:0,class:"no-data go-flex-center"},ge=["src"],ye=X({__name:"index",setup(Y){const{CloseIcon:w,AddIcon:K,HelpOutlineIcon:P}=ne.ionicons5,{targetData:C,chartEditStore:S}=Q(),j=[oe.PARAMS,oe.HEADER],D=ae(()=>{const m=C.value.interactActions;return m?m.map(n=>({label:n.interactName,value:n.interactType})):[]}),$=ae(()=>C.value.option),k=(m,n)=>{var x,v;if(!m)return{};const o=(x=S.requestGlobalConfig.requestDataPond.find(g=>g.dataPondId===m))==null?void 0:x.dataPondRequestConfig.requestParams;return o?o[n]:(v=S.componentList[S.fetchTargetIndex(m)])==null?void 0:v.request.requestParams[n]},T=m=>{if(!m||!C.value.interactActions)return[];const n=C.value.interactActions.find(o=>o.interactType===m);return(n==null?void 0:n.componentEmitEvents[$.value[de]])||[]},G=()=>{var g;const m=u=>u.reduce((p,c)=>(!c.groupList&&c.request.requestDataType===ue.AJAX&&c.request.requestUrl&&p.push(c),c.groupList&&c.groupList.length>0?[...p,...m(c.groupList)]:p),[]),o=m(S.componentList).filter(u=>{const p=u.id!==C.value.id,c=u.chartConfig.chartFrame!==_e.STATIC,I=!u.isGroup;return p&&c&&I}).map(u=>({id:u.id,title:u.chartConfig.title,disabled:!1,type:"componentList"})),v=S.requestGlobalConfig.requestDataPond.map(u=>({id:u.dataPondId,title:u.dataPondName,disabled:!1,type:"requestDataPond"})).concat(o);return(g=C.value.events.interactEvents)==null||g.forEach(u=>{v.forEach(p=>{p.id===u.interactComponentId&&(p.disabled=!0)})}),v},q=()=>{C.value.events.interactEvents.push({interactOn:void 0,interactComponentId:void 0,interactFn:{}})},H=m=>{ce({message:"是否删除此关联交互模块?",onPositiveCallback:()=>{C.value.events.interactEvents.splice(m,1)}})};return(m,n)=>{const o=a("n-icon"),x=a("n-button"),v=a("n-text"),g=a("n-space"),u=a("n-divider"),p=a("n-tag"),c=a("n-select"),I=a("n-input-group"),L=a("n-tooltip"),z=a("n-table"),B=a("n-card"),V=a("n-collapse-item");return D.value.length?(d(),M(V,{key:0,title:"组件交互",name:"1"},{"header-extra":e(()=>[t(x,{type:"primary",tertiary:"",size:"small",onClick:ee(q,["stop"])},{icon:e(()=>[t(o,null,{default:e(()=>[t(i(K))]),_:1})]),default:e(()=>[n[0]||(n[0]=s(" 新增 "))]),_:1})]),default:e(()=>[i(C).events.interactEvents.length?W("",!0):(d(),f("div",ve,[r("img",{src:i(me),alt:"暂无数据"},null,8,ge),t(v,{depth:3},{default:e(()=>n[1]||(n[1]=[s("暂无内容")])),_:1})])),(d(!0),f(h,null,O(i(C).events.interactEvents,(E,A)=>(d(),M(B,{key:A,class:"n-card-shallow",size:"small"},{default:e(()=>[t(g,{justify:"space-between"},{default:e(()=>[t(v,null,{default:e(()=>[s("关联组件 - "+y(A+1),1)]),_:2},1024),t(x,{type:"error",text:"",size:"small",onClick:b=>H(A)},{icon:e(()=>[t(o,null,{default:e(()=>[t(i(w))]),_: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(J),{name:"触发事件",alone:!0},{default:e(()=>[D.value?(d(),M(I,{key:0},{default:e(()=>[t(c,{class:"select-type-options",value:E.interactOn,"onUpdate:value":b=>E.interactOn=b,size:"tiny",options:D.value},null,8,["value","onUpdate:value","options"])]),_:2},1024)):W("",!0)]),_:2},1024),t(i(J),{alone:!0},{name:e(()=>[t(v,null,{default:e(()=>n[3]||(n[3]=[s("绑定")])),_:1}),t(L,{trigger:"hover"},{trigger:e(()=>[t(o,{size:"21",depth:3},{default:e(()=>[t(i(P))]),_:1})]),default:e(()=>[t(v,null,{default:e(()=>n[4]||(n[4]=[s("不支持「静态组件」支持「组件」「公共APi」")])),_:1})]),_:1})]),default:e(()=>[t(c,{class:"select-type-options","value-field":"id","label-field":"title",size:"tiny",filterable:"",placeholder:"仅展示符合条件的组件",value:E.interactComponentId,"onUpdate:value":b=>E.interactComponentId=b,options:G()},null,8,["value","onUpdate:value","options"])]),_:2},1024),T(E.interactOn).length?(d(),M(i(J),{key:0,name:"查询结果",alone:!0},{default:e(()=>[t(z,{size:"small",striped:""},{default:e(()=>[r("thead",null,[r("tr",null,[(d(),f(h,null,O(["参数","说明"],b=>r("th",{key:b},y(b),1)),64))])]),r("tbody",null,[(d(!0),f(h,null,O(T(E.interactOn),(b,_)=>(d(),f("tr",{key:_},[r("td",null,y(b.value),1),r("td",null,y(b.label),1)]))),128))])]),_:2},1024)]),_:2},1024)):W("",!0),t(p,{bordered:!1,type:"primary"},{default:e(()=>n[5]||(n[5]=[s(" 关联目标请求参数 ")])),_:1}),(d(),f(h,null,O(j,b=>t(i(J),{name:b,key:b},{default:e(()=>[(d(!0),f(h,null,O(k(E.interactComponentId,b),(_,l,U)=>(d(),M(i(pe),{key:U,name:`${l}`},{default:e(()=>[t(c,{size:"tiny",value:E.interactFn[l],"onUpdate:value":Z=>E.interactFn[l]=Z,options:T(E.interactOn),clearable:""},null,8,["value","onUpdate:value","options"])]),_:2},1032,["name"]))),128)),re(t(v,{class:"go-pt-1",depth:"3"},{default:e(()=>n[6]||(n[6]=[s(" 暂无数据 ")])),_:2},1536),[[ie,JSON.stringify(k(E.interactComponentId,b))==="{}"]])]),_:2},1032,["name"])),64))]),_:2},1024))),128))]),_:1})):W("",!0)}}});const be=te(ye,[["__scopeId","data-v-35304eef"]]),xe=`
console.log(e)
`,he=`
console.log(echarts)
`,Ee=`
console.log(components)
`,we=`
console.log(node_modules)
`,Ce=`
// 在渲染之后才能获取 dom 实例
e.el.addEventListener('click', () => {
  alert('我触发拉~');
}, false)
`,Oe=`
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']))
`,ke=`
// 获取echart实例
const chart = this.refs.vChartRef.chart

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