mfish-nocode-view/packages/nocode/core/EventSelectItems.js

import{M as e,a as t,i as n,it as r,mr as i,nt as a,xt as o}from"./common.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createVNode as p,defineComponent as m,normalizeClass as h,openBlock as g,reactive as _,renderList as v,toDisplayString as y,unref as b,useCssVars as x,watch as S,withCtx as C}from"vue";import{Empty as w,theme as T}from"ant-design-vue";import{useDesign as E}from"@mfish/core/hooks";import{omit as D}from"lodash-es";import{ScrollContainer as O}from"@mfish/core/components/Container";var k={key:0,class:`header`,style:{width:`120px`}},A={key:1,class:`header`,style:{width:`120px`}},j={key:0,class:`divide-line`},M=[`title`,`onClick`],N={key:2,class:`divide-line`},P=[`title`,`onClick`],F=i(m({__name:`EventSelectItems`,props:{componentList:{type:Array,default:()=>[]},value:{type:Object,default:()=>{}},hideHeader:{type:Boolean,default:!1},hideEvent:{type:Boolean,default:!1},hideParam:{type:Boolean,default:!1}},emits:[`selectChange`],setup(i,{emit:m}){x(e=>({v7dd54e08:W.value,v65c95f37:U.value}));let F=i,I=m,L=_({id:``,event:``,param:``});S(()=>F.value,e=>{e?(L.id=e.id,L.event=e.event,L.param=e.param):(L.id=``,L.event=``,L.param=``)},{immediate:!0});let{prefixCls:R}=E(`event-select-items`),z=c(()=>e(F.componentList,L.id)),B=c(()=>{let e=z.value;return e&&e.chart.events?.emits?e.chart.events.emits:[]}),V=c(()=>{let e=z.value;return e&&e.chart.data?.headers?Object.values(e.chart.data.headers)??[]:[]}),{token:H}=T.useToken(),U=c(()=>H.value.colorInfoBg),W=c(()=>H.value.colorBorder),G=o();function K(e){G.setCurHoverComponent(e.chart.id)}function q(){G.setCurHoverComponent(``)}function J(e){L.id!==e&&(L.id=e,B.value&&B.value.length>0?L.event=B.value[0]:L.event=``,V.value&&V.value.length>0?L.param=V.value[0].colName??``:L.param=``,Q())}function Y(e){J(e.chart.id)}function X(e){L.event!==e&&(L.event=e,Q())}function Z(e){L.param!==e&&(L.param=e??``,Q())}function Q(){F.hideEvent?I(`selectChange`,D(b(L),`event`)):F.hideParam?I(`selectChange`,D(b(L),`param`)):I(`selectChange`,b(L))}return(e,o)=>(g(),d(`div`,{class:h(b(R))},[f(`div`,{class:h(`${b(R)}-headers`)},[i.hideHeader?u(``,!0):(g(),d(s,{key:0},[o[0]||=f(`div`,{class:`header`,style:{width:`150px`}},`组件`,-1),i.hideEvent?u(``,!0):(g(),d(`div`,k,`事件`)),i.hideParam?u(``,!0):(g(),d(`div`,A,`参数`))],64))],2),f(`div`,{class:h(`${b(R)}-container`)},[p(b(O),{class:h(`${b(R)}-items`),style:{width:`150px`}},{default:C(()=>[i.componentList?.length>0?(g(!0),d(s,{key:0},v(i.componentList,e=>(g(),d(`div`,{key:e.chart.id},[e.chart.type===b(r).MfCombine?(g(),l(n,{key:1,style:{margin:`2px`,"font-size":`12px`},"external-select":!0,"is-select":L.id===e.chart.id,item:e,"show-eye":!1,"show-lock":!1,"show-child-eye":!1,"show-child-lock":!1,expand:!0,"child-select":L.id,onParentClick:t=>J(e.chart.id),onChildClick:Y},null,8,[`is-select`,`item`,`child-select`,`onParentClick`])):(g(),l(t,{key:0,style:{margin:`2px 6px 0 6px`},"external-select":!0,"is-select":L.id===e.chart.id,item:e,"show-eye":!1,"show-lock":!1,onClick:t=>J(e.chart.id),onEnter:t=>K(e),onLeave:q},null,8,[`is-select`,`item`,`onClick`,`onEnter`]))]))),128)):(g(),l(b(w),{key:1,description:`暂无组件`,image:b(w).PRESENTED_IMAGE_SIMPLE},null,8,[`image`]))]),_:1},8,[`class`]),i.hideEvent?u(``,!0):(g(),d(`div`,j)),i.hideEvent?u(``,!0):(g(),l(b(O),{key:1,class:h(`${b(R)}-items`),style:{width:`120px`}},{default:C(()=>[B.value.length>0?(g(!0),d(s,{key:0},v(B.value,e=>(g(),d(`div`,{class:h([`item`,L.event===e?`select`:``]),title:e,key:e,onClick:t=>X(e)},[f(`div`,null,y(b(a)(e,z.value?.chart.type)),1)],10,M))),128)):(g(),l(b(w),{key:1,description:`暂无事件`,image:b(w).PRESENTED_IMAGE_SIMPLE},null,8,[`image`]))]),_:1},8,[`class`])),i.hideParam?u(``,!0):(g(),d(`div`,N)),i.hideParam?u(``,!0):(g(),l(b(O),{key:3,class:h(`${b(R)}-items`),style:{width:`120px`}},{default:C(()=>[V.value.length>0?(g(!0),d(s,{key:0},v(V.value,(e,t)=>(g(),d(`div`,{class:h([`item`,L.param===e.colName?`select`:``]),title:`${e.colName}${e.rename?`[${e.rename}]`:``}`,key:t,onClick:t=>Z(e.colName)},[f(`div`,null,y(e.rename??e.colName),1)],10,P))),128)):(g(),l(b(w),{key:1,description:`暂无参数`,image:b(w).PRESENTED_IMAGE_SIMPLE},null,8,[`image`]))]),_:1},8,[`class`]))],2)],2))}}),[[`__scopeId`,`data-v-f77f165a`]]);export{F as t};