You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
10 KiB
1 lines
10 KiB
import{u as j}from"./editor-ouq_SSv2.js";import{_ as R}from"./index.vue_vue_type_script_setup_true_lang-Q6sPmgzz.js";import{B as N}from"./Button-B7xQqa1N.js";import{d as S,c as B,s as A,o as d,f as b,w as o,e as n,q as e,J as s,u,N as M,g as C,b as x,F as I,r as U,K as w,v as W,p as G}from"./index-bVOhw2NF.js";import{_ as H,a as P}from"./Tabs-ZZwx8VB9.js";import{_ as T}from"./text-ClDrYWYc.js";import{_ as Q}from"./LayoutContent-Dvf42kKq.js";import{_ as X,a as Y}from"./CollapseItem-CnymMNIl.js";import{_ as Z,a as h}from"./LayoutSider-DeJZf5oa.js";import{g as tt}from"./Select-BpXzRZdb.js";import{_ as ot}from"./Modal-BHLPhdX-.js";import{S as et}from"./Icon-B67kcA2X.js";import{_ as nt}from"./Code-DeainCfy.js";import{_ as st}from"./Card-BhgyLFi8.js";import"./cloneDeep-C6NKQlMO.js";import"./_initCloneObject-K-Y0ueWp.js";import"./_getTag-BJ2nhJXz.js";import"./toggleHighContrast-BiNrcRtm.js";import"./editorWorker-UB-8rWUJ.js";import"./light-Cua7cqmF.js";import"./context-KbjOeZY_.js";import"./_baseFor-mOzdmxoL.js";import"./use-rtl-CRyak7TN.js";import"./browser-DLIXj5nt.js";import"./is-browser-DqcmxZSF.js";import"./icon-switch.cssr-BCTOxvoq.js";import"./use-is-mounted-wlrzLfZo.js";import"./use-memo-BgHp9YyU.js";import"./use-form-item-CNgNT5jP.js";import"./color-to-class-B0iQgAn2.js";import"./resolve-slot-Dzko3qih.js";import"./use-style-qLHIyj3D.js";import"./Loading-CByrJVhO.js";import"./call-f2ri57Kd.js";import"./Icon-Ck7Ij_E6.js";import"./upperFirst-Bq7Kgunw.js";import"./toString-eibgRg41.js";import"./Add-CgLKrdZy.js";import"./render-BxFg9-7m.js";import"./Close-D6FODkWY.js";import"./omit-DbnPTcif.js";import"./light-B52QuVq1.js";import"./use-compitable-DMmt6sIs.js";import"./flatten-7z_8MaI9.js";import"./use-merged-state-CzrzZJbg.js";import"./toNumber-C7_OyJEx.js";import"./cssr-CS9sbUmO.js";import"./utils-BKyMmInE.js";import"./index-C-nsH7mf.js";import"./VResizeObserver-Tzd5ds8d.js";import"./light-Blmb_y9V.js";import"./fade-in-height-expand.cssr-Bx380MfO.js";import"./light-BIogERFh.js";import"./use-false-until-truthy-BNJRTcsy.js";import"./index-L98eAIry.js";import"./happens-in-CM8LO42l.js";import"./ChevronRight-DjG_plXV.js";import"./light-kqX_tTNW.js";import"./Scrollbar-DVK2lT9w.js";import"./fade-in.cssr-CltBGdAW.js";import"./delegate-CI_DDEu_.js";import"./get-precise-event-target-DhO46Lpt.js";import"./format-length-B-p6aW7q.js";import"./fade-in-scale-up.cssr-CTZmXn_X.js";import"./light-CE5Kvs_2.js";import"./light-B00G814I.js";import"./use-locale-CFjRjALw.js";import"./index-Dn5RNViO.js";import"./Follower-DJGS5Fnl.js";import"./Suffix-BqBRFVnL.js";import"./light-BOD3MGQo.js";import"./Popover-DLIip8wF.js";import"./_baseEach-BwxcRWC6.js";import"./get-BuNGRF3A.js";import"./clickoutside-CCtiUDaG.js";import"./index-C9vhMoZJ.js";import"./keep-B1eBS8j0.js";import"./FocusDetector-DcygY9Tk.js";import"./index-DsSU6HIH.js";import"./context-ELq7iLHP.js";import"./keysOf-HiGXOwLp.js";import"./light-rvBL92Ju.js";import"./light-BqIgj82_.js";import"./Warning-WCOp46KX.js";import"./Checkbox-DAl6jmZx.js";import"./light-DU0-KyAX.js";import"./RadioGroup-5BphoArv.js";import"./light-CbIbiWrk.js";import"./get-slot-Bk_rJcZu.js";import"./Icon-C8ZbiYW7.js";import"./light-DD97CHyt.js";import"./use-keyboard-D_rBVq9u.js";import"./light-DGVaJDoA.js";import"./light-uWHRDFKR.js";import"./light-MOj96jwO.js";import"./light-C52Zdmem.js";import"./Scrollbar-Db3aKfvv.js";import"./Input-CFQSA5NN.js";import"./Forward-B4Y9XmRi.js";import"./context-CNWzaUOd.js";import"./Tooltip-C_3SXSAr.js";import"./download-C2161hUv.js";import"./light-BrVOPY0a.js";const rt={class:"color-[#70c0e8]"},lt={class:"w-full flex items-center justify-between"},it={class:"flex flex-auto items-center justify-start"},at={class:"flex flex-auto items-center justify-end"},pt=S({__name:"AdvancedEventDialog",props:{modelValue:{type:Boolean,default:!1}},emits:["update:modelValue"],setup($,{emit:f}){const g=$,E=f,v=j(),V=B({get(){return v.current.advancedEvents},set(p){v.current.advancedEvents=p}}),y={vnodeMounted:"渲染之后",vnodeBeforeMount:"渲染之前"};function r(p){return`${y[p]}-${p}`}const i=B({get(){return g.modelValue},set(p){E("update:modelValue",p)}}),_=A("vnodeMounted");return(p,t)=>{const a=H,m=T,k=P,L=Q,c=X,D=Y,F=Z,O=h,q=tt,z=N,J=ot;return d(),b(J,{show:u(i),"onUpdate:show":t[3]||(t[3]=l=>M(i)?i.value=l:null),"show-icon":!1,title:"",draggable:"",preset:"dialog",closable:!1,style:{width:"1200px",height:"700px"},class:"globalapi-dialog bg-[#E5E6EB] dark:bg-[rgb(24,24,28)]"},{action:o(()=>[n("div",lt,[n("div",it,[e(q,{class:"mx-2",type:"info"},{default:o(()=>t[16]||(t[16]=[s(" 说明 ")])),_:1}),e(m,null,{default:o(()=>t[17]||(t[17]=[s(" 通过提供的参数可为图表增加定制化的tooltip、交互事件等等 "),n("br",null,null,-1),s(" window."),n("span",{class:"color-[#b478cf]"},"$triggerChangeValue",-1),s("(datasets, eventData, element) 为主动触发元素change事件的函数。"),n("br",null,null,-1),s(" window."),n("span",{class:"color-[#b478cf]"},"$postIframeMessage",-1),s("(targetId, messageType, data) 为主动发送消息到其它远程组件的函数。 ")])),_:1})]),n("div",at,[e(z,{type:"info",secondary:"",class:"mr-2",onClick:t[1]||(t[1]=l=>i.value=!1)},{default:o(()=>t[18]||(t[18]=[s(" 取消 ")])),_:1}),e(z,{type:"primary",secondary:"",class:"mr-2",onClick:t[2]||(t[2]=l=>i.value=!1)},{default:o(()=>t[19]||(t[19]=[s(" 保存 ")])),_:1})])])]),default:o(()=>[e(O,{"has-sider":"","sider-placement":"right",class:"h-[580px] bg-transparent"},{default:o(()=>[e(L,{"content-style":"padding: 10px 10px 10px 0;",class:"h-full bg-transparent"},{default:o(()=>[e(k,{value:u(_),"onUpdate:value":t[0]||(t[0]=l=>M(_)?_.value=l:null),type:"card",size:"small","tab-style":"min-width: 80px;"},{suffix:o(()=>[u(_)==="vnodeMounted"?(d(),b(m,{key:0,type:"warning",size:"small",class:"font-size-sm"},{default:o(()=>t[6]||(t[6]=[s(" 提示: 此时组件 DOM 已经存在 ")])),_:1})):C("",!0),u(_)==="vnodeBeforeMount"?(d(),b(m,{key:1,type:"warning",size:"small",class:"font-size-sm"},{default:o(()=>t[7]||(t[7]=[s(" 提示: 此时组件 DOM 还未存在 ")])),_:1})):C("",!0)]),default:o(()=>[(d(!0),x(I,null,U(u(V),l=>(d(),b(a,{key:l.type,name:l.type,tab:r(l.type)},{default:o(()=>[n("div",null,[t[4]||(t[4]=n("span",{class:"mr-2 color-[#b478cf]"},"async function",-1)),n("span",rt,w(l.type)+"(mouseEvent, components, component)",1)]),e(R,{modelValue:l.functionBody,"onUpdate:modelValue":K=>l.functionBody=K,mode:"javascript","show-line-numbers":!1,"show-gutter":!1,height:"430px"},null,8,["modelValue","onUpdate:modelValue"]),t[5]||(t[5]=n("div",{class:"color-[#70c0e8]"}," } ",-1))]),_:2},1032,["name","tab"]))),128))]),_:1},8,["value"])]),_:1}),e(F,{"collapse-mode":"transform","collapsed-width":0,width:320,"native-scrollbar":!1,"show-trigger":"bar","content-style":"padding: 10px 20px;",bordered:""},{default:o(()=>[e(k,{type:"segment",animated:""},{default:o(()=>[e(a,{name:"chap1",tab:"验证结果"},{default:o(()=>[e(D,{"arrow-placement":"right","default-expanded-names":["1","2","3"]},{default:o(()=>[e(c,{title:"错误函数",name:"1"},{default:o(()=>t[8]||(t[8]=[n("div",{class:"color-[#999]"}," 暂无 ",-1)])),_:1}),e(c,{title:"错误信息",name:"2"},{default:o(()=>t[9]||(t[9]=[n("div",{class:"color-[#999]"}," 暂无 ",-1)])),_:1}),e(c,{title:"堆栈信息",name:"3"},{default:o(()=>t[10]||(t[10]=[n("div",{class:"color-[#999]"}," 暂无 ",-1)])),_:1})]),_:1})]),_:1}),e(a,{name:"chap2",tab:"变量说明"},{default:o(()=>[e(D,{"arrow-placement":"right","default-expanded-names":["1","2"]},{default:o(()=>[e(c,{title:"e",name:"1"},{default:o(()=>[e(m,{class:"color-[#999]"},{default:o(()=>t[11]||(t[11]=[s(" 触发对应生命周期事件时接收的参数 ")])),_:1})]),_:1}),e(c,{title:"this",name:"2"},{default:o(()=>[e(m,{class:"color-[#999]"},{default:o(()=>t[12]||(t[12]=[s(" 图表组件实例 或远程组件的iframe contentWindow, 用于组件之间通讯。 ")])),_:1})]),_:1}),e(c,{title:"components",name:"2"},{default:o(()=>[e(m,{class:"color-[#999]"},{default:o(()=>t[13]||(t[13]=[s(" 当前大屏内所有组件的集合id 图表组件中的配置id，可以获取其他图表组件进行控制 ")])),_:1}),t[14]||(t[14]=n("div",null,[n("div",null,"{"),n("div",{style:{"text-indent":"20px"}}," [id]: component "),n("div",null,"}")],-1))]),_:1}),e(c,{title:"component",name:"1"},{default:o(()=>[e(m,{class:"color-[#999]"},{default:o(()=>t[15]||(t[15]=[s(" 当前部件信息 ")])),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["show"])}}}),mt={class:"interact"},dt={class:"interact-title border-b border-b-1 border-light pb-2 dark:border-[#333]"},ut={class:"interact-content flex items-center justify-between border-b border-b-1 border-light py-2 dark:border-[#333]"},_t={class:"basic-events-list"},ct={class:"function-annotate"},ft={class:"color-[#b478cf]"},vt=S({__name:"AdvancedEvent",setup($){const f=A(!1),g=j(),E=B(()=>g.current),v=B({get(){return g.current.advancedEvents},set(y){g.current.advancedEvents=y}}),V={vnodeMounted:"渲染之后",vnodeBeforeMount:"渲染之前"};return W(()=>{v.value.length===0&&(v.value=[{type:"vnodeMounted",functionBody:""},{type:"vnodeBeforeMount",functionBody:""}])}),(y,r)=>{const i=T,_=N,p=nt,t=st;return d(),x("div",mt,[n("div",dt,[e(i,{class:"color-[#999]"},{default:o(()=>[s(" 组件ID："+w(u(E).id),1)]),_:1}),r[2]||(r[2]=n("span",null,null,-1))]),n("div",ut,[e(i,{class:"color-[#999]"},{default:o(()=>r[3]||(r[3]=[s(" 自定义高级事件配置 ")])),_:1}),e(_,{size:"small",secondary:"",type:"primary",onClick:r[0]||(r[0]=a=>f.value=!0)},{icon:o(()=>[e(et,{name:"修改",size:"14px"})]),default:o(()=>[r[4]||(r[4]=s(" 编辑 "))]),_:1})]),n("div",_t,[e(t,{class:"events-item p-2"},{default:o(()=>[(d(!0),x(I,null,U(u(v),(a,m)=>(d(),x("div",{key:m},[e(i,{class:"eventName color-[#1890ff]"},{default:o(()=>[s(" // "+w(V[a.type]),1)]),_:2},1024),n("div",ct,[n("span",ft,"async "+w(a.type),1),e(i,null,{default:o(()=>r[5]||(r[5]=[s("(e, components, component, echarts) {")])),_:1})]),e(p,{code:a.functionBody,language:"javascript"},null,8,["code"]),r[6]||(r[6]=n("div",{class:"function-footer"}," } ",-1))]))),128))]),_:1})]),e(pt,{modelValue:u(f),"onUpdate:modelValue":r[1]||(r[1]=a=>M(f)?f.value=a:null)},null,8,["modelValue"])])}}}),_e=G(vt,[["__scopeId","data-v-8546ce1d"]]);export{_e as default};
|