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

import{Cn as e,M as t,Q as n,ft as r,mr as i,nt as a,pt as o,tt as s,xt as c,z as l}from"./common.js";import{t as u}from"./EventSelectItems.js";import{t as d}from"./UseEventSelect.js";import{n as f,t as p}from"./JumpParams.js";import{Fragment as m,computed as h,createBlock as g,createCommentVNode as _,createElementBlock as v,createElementVNode as y,createTextVNode as b,createVNode as x,defineComponent as S,normalizeClass as C,openBlock as w,ref as T,renderList as E,resolveComponent as D,toDisplayString as O,unref as k,useCssVars as A,watch as j,withCtx as M,withModifiers as N}from"vue";import{Button as P,Dropdown as F,Input as I,Menu as L,RadioButton as R,RadioGroup as z,Select as B,Switch as V,theme as H}from"ant-design-vue";import{useDesign as U}from"@mfish/core/hooks";import{Icon as W}from"@mfish/core/components/Icon";import{cloneDeep as G}from"lodash-es";import{ScrollContainer as K}from"@mfish/core/components/Container";var q=[`onClick`],J=i(S({__name:`EventListen`,setup(e){let{prefixCls:t}=U(`event-listen`),n=T({[s.CHART_BEFORE_MOUNT]:!1,[s.CHART_MOUNTED]:!1,[s.CHART_CLICK]:!1,[s.CHART_DBLCLICK]:!1,[s.CHART_MOUSE_ENTER]:!1,[s.CHART_MOUSE_LEAVE]:!1}),r=c();j(()=>r.getCurConfigComponent.chart.id,e=>{l[r.getCurConfigComponent.chart.type].customEvents?.forEach(e=>{n.value[e.value]=!1}),e?r.getCurConfigComponent.chart.events?.emits&&r.getCurConfigComponent.chart.events.emits.forEach(e=>{n.value[e]=!0}):Object.keys(n.value).forEach(e=>{n.value[e]=!1})},{immediate:!0}),j(()=>r.getCurConfigComponent.chart?.jump?.open,e=>{e&&(n.value[s.CHART_CLICK]=!0,o())}),j(()=>r.getCurConfigComponent.chart?.jump?.jumpEvent,e=>{e&&(n.value[e]=!0,o())});function i(e){n.value[e]=!n.value[e],o()}function o(){r.getCurConfigComponent.chart.events.emits||(r.getCurConfigComponent.chart.events={emits:[]}),r.getCurConfigComponent.chart.events.emits=Object.keys(k(n)).filter(e=>n.value[e]).map(e=>e)}return(e,s)=>(w(),v(`div`,{class:C(k(t))},[(w(!0),v(m,null,E(Object.keys(n.value),e=>(w(),v(`div`,{class:`check-item`,key:e},[x(k(V),{size:`small`,checked:n.value[e],"onUpdate:checked":t=>n.value[e]=t,"checked-children":`开`,"un-checked-children":`关`,onChange:o},null,8,[`checked`,`onUpdate:checked`]),y(`div`,{class:C(n.value[e]?`checked`:``),onClick:t=>i(e)},O(k(a)(e,k(r).getCurConfigComponent?.chart.type)),11,q)]))),128))],2))}}),[[`__scopeId`,`data-v-1c061c23`]]),Y={class:`title`},X={class:`title`},ee={class:`title`},te={key:2,class:`title`},Z=i(S({name:`PageJumpConfig`,__name:`index`,setup(t){let i=c(),{prefixCls:u}=U(`page-jump-config`),d=[r.CurPage,r.NewTab,r.Dialog],S=T(),A=[o.System,o.External],N=T(),P=T(),F=T(),I=T(),L=T(),V=h(()=>{let e=[];return Object.keys(s).forEach(t=>{let n=t;e.push({label:a(s[n],i.getCurConfigComponent?.chart.type),value:s[n]})}),l[i.getCurConfigComponent.chart.type]?.customEvents?.forEach(t=>{e.push({label:t.name,value:t.value})}),e}),H=T(s.CHART_CLICK);j(H,e=>{e&&i.getCurConfigComponent.chart.jump&&(i.getCurConfigComponent.chart.jump.jumpEvent=e)}),j(()=>i.getCurConfigComponent?.chart.id,e=>{e&&(i.getCurConfigComponent.chart.jump?.type?S.value=i.getCurConfigComponent.chart.jump?.type:(S.value=r.CurPage,G()),i.getCurConfigComponent.chart.jump?.pageType?N.value=i.getCurConfigComponent.chart.jump?.pageType:(N.value=o.System,K()),N.value===o.System?P.value=i.getCurConfigComponent.chart.jump?.page:F.value=i.getCurConfigComponent.chart.jump?.page?.value,i.getCurConfigComponent.chart.jump?.jumpEvent&&(H.value=i.getCurConfigComponent.chart.jump?.jumpEvent),I.value=i.getCurConfigComponent.chart.jump?.page?.width,L.value=i.getCurConfigComponent.chart.jump?.page?.height)},{immediate:!0});function W(e){i.getCurConfigComponent.chart.jump={...i.getCurConfigComponent.chart.jump,open:e}}function G(){i.getCurConfigComponent.chart.jump={...i.getCurConfigComponent.chart.jump,type:S.value}}function K(){i.getCurConfigComponent.chart.jump={...i.getCurConfigComponent.chart.jump,pageType:N.value},N.value===o.System?q(P.value):J()}function q(e){i.getCurConfigComponent.chart.jump={...i.getCurConfigComponent.chart.jump,page:e},I.value=e?.width,L.value=e?.height}function J(){i.getCurConfigComponent.chart.jump={...i.getCurConfigComponent.chart.jump,page:{value:F.value}}}function Z(){i.getCurConfigComponent.chart.jump.page={...i.getCurConfigComponent.chart.jump.page,width:I.value}}function Q(){i.getCurConfigComponent.chart.jump.page={...i.getCurConfigComponent.chart.jump.page,height:L.value}}function $(e){i.getCurConfigComponent.chart.jump.params=e}return(t,a)=>{let s=D(`AInput`);return w(),v(`div`,{class:C(k(u))},[x(n,{title:`页面跳转`,"allow-check":!0,tooltip:`组件开启页面跳转功能，开启后点击组件页面跳到配置页面，配置页面不支持跳转，请在预览界面查看效果`,"title-check":k(i).getCurConfigComponent.chart.jump?.open,onChecked:W},{default:M(()=>[y(`div`,Y,[a[6]||=b(` 触发事件 `,-1),x(k(B),{value:H.value,"onUpdate:value":a[0]||=e=>H.value=e,options:V.value,"show-search":!1,"filter-option":!1,placeholder:`请选择`},null,8,[`value`,`options`])]),y(`div`,X,[a[7]||=b(` 跳转方式 `,-1),x(k(z),{size:`small`,value:S.value,"onUpdate:value":a[1]||=e=>S.value=e,onChange:G},{default:M(()=>[(w(),v(m,null,E(d,(e,t)=>x(k(R),{key:t,value:e},{default:M(()=>[b(O(e),1)]),_:2},1032,[`value`])),64))]),_:1},8,[`value`])]),y(`div`,ee,[a[8]||=b(` 跳转页面 `,-1),x(k(z),{size:`small`,value:N.value,"onUpdate:value":a[2]||=e=>N.value=e,onChange:K},{default:M(()=>[(w(),v(m,null,E(A,(e,t)=>x(k(R),{key:t,value:e},{default:M(()=>[b(O(e),1)]),_:2},1032,[`value`])),64))]),_:1},8,[`value`])]),N.value===k(o).System?(w(),g(f,{key:0,page:P.value,onOk:q},null,8,[`page`])):(w(),g(s,{key:1,placeholder:`请输入外部链接，例如https://www.bing.com`,value:F.value,"onUpdate:value":a[3]||=e=>F.value=e,onChange:J},null,8,[`value`])),S.value===k(r).Dialog?(w(),v(`div`,te,[x(k(e),{prefix:`W`,placeholder:`宽度`,value:I.value,"onUpdate:value":a[4]||=e=>I.value=e,min:0,max:99999,maxlength:5,onChange:Z},null,8,[`value`]),x(k(e),{prefix:`H`,placeholder:`高度`,value:L.value,"onUpdate:value":a[5]||=e=>L.value=e,min:0,max:99999,maxlength:5,onChange:Q},null,8,[`value`])])):_(``,!0),a[9]||=y(`div`,{class:`title`},` 跳转参数 `,-1),x(p,{"params-value":k(i).getCurConfigComponent.chart.jump?.params,onParamsChange:$},null,8,[`params-value`])]),_:1},8,[`title-check`])],2)}}}),[[`__scopeId`,`data-v-e2da0587`]]),Q=i(S({__name:`EventSingleSelect`,props:{event:{type:Object,default:()=>{}},filterSelf:{type:Boolean,default:!1}},emits:[`ok`],setup(e,{emit:n}){let r=e,i=n,{prefixCls:o}=U(`event-single-select`),s=T(!1),l=c(),f=T(),p=T([]),m=T(``),h=T(!1),{getEventComponents:v}=d(),S=()=>{if(r.event?.id){let e=t(l.getComponentList,r.event.id);if(!e)return i(`ok`),``;let n;return e.chart.data.headers&&(n=e.chart.data.headers[r.event.param]),n?`${e.chart.name} / ${a(r.event.event,e.chart.type)} / ${n.rename??n.colName}`:`${e.chart.name} / ${a(r.event.event,e.chart.type)}`}return``};j(()=>l.getCurConfigComponent?.chart.id,()=>{s.value=!1}),j(()=>r.event,()=>{m.value=S()},{deep:!0,immediate:!0});function E(){s.value=!1,m.value=S()}function D(){i(`ok`,G(f.value)),s.value=!1}let O=e=>{s.value=e,e?p.value=v(r.filterSelf):m.value=S(),f.value=G(r.event)};function A(e){f.value=e}function R(){i(`ok`,{})}return(e,t)=>(w(),g(k(F),{trigger:[`click`],open:s.value,onOpenChange:O,placement:`bottom`,arrow:{pointAtCenter:!0},"overlay-style":{width:`420px`}},{overlay:M(()=>[x(k(L),null,{default:M(()=>[x(k(L).Item,{disabled:``,style:{padding:`0`,cursor:`default`}},{default:M(()=>[x(u,{value:f.value,"component-list":p.value,onSelectChange:A},null,8,[`value`,`component-list`]),y(`div`,{class:C(`${k(o)}-ok-button`)},[x(k(P),{class:`mr-2`,onClick:E},{default:M(()=>[...t[4]||=[b(`取消`,-1)]]),_:1}),x(k(P),{type:`primary`,onClick:D},{default:M(()=>[...t[5]||=[b(`确定`,-1)]]),_:1})],2)]),_:1})]),_:1})]),default:M(()=>[y(`div`,{class:C(k(o)),onMouseenter:t[2]||=e=>h.value=!0,onMouseleave:t[3]||=e=>h.value=!1},[x(k(I),{class:C(`${k(o)}-drop-input`),placeholder:`请选择参数来源`,value:m.value,"onUpdate:value":t[0]||=e=>m.value=e,onChange:t[1]||=e=>s.value=!0},{suffix:M(()=>[h.value&&m.value?(w(),g(k(W),{key:0,class:`delete-icon`,size:14,icon:`ant-design:close-circle-filled`,onClick:N(R,[`stop`])})):_(``,!0),x(k(W),{class:`drop-icon`,size:12,icon:s.value?`ant-design:up-outlined`:`ant-design:down-outlined`},null,8,[`icon`])]),_:1},8,[`class`,`value`])],34)]),_:1},8,[`open`]))}}),[[`__scopeId`,`data-v-2ae84dbc`]]),$=[`onMouseenter`],ne={class:`title`},re={class:`title`},ie=i(S({name:`ShowHideConfig`,__name:`index`,setup(e){A(e=>({v5157f5be:a.value}));let{prefixCls:t}=U(`show-hide-config`),r=c(),{token:i}=H.useToken(),a=h(()=>i.value.colorBorder),o=T(-1),s=[{value:`eq`,label:`等于`},{value:`ne`,label:`不等于`},{value:`gt`,label:`大于`},{value:`ge`,label:`大于等于`},{value:`lt`,label:`小于`},{value:`le`,label:`小于等于`}];function l(e){r.getCurConfigComponent.chart.showHide={...r.getCurConfigComponent.chart.showHide,open:e},delete r.getCurConfigComponent.chart.showHide.show}function u(e,t){r.getCurConfigComponent.chart.showHide.conditions[e].event=t}function d(){r.getCurConfigComponent.chart.showHide?.conditions||(r.getCurConfigComponent.chart.showHide.conditions=[]),r.getCurConfigComponent.chart.showHide.conditions.push({event:{},condition:`eq`,value:``})}function f(e){r.getCurConfigComponent.chart.showHide.conditions.splice(e,1),delete r.getCurConfigComponent.chart.showHide?.show}return(e,i)=>{let a=D(`AInput`);return w(),v(`div`,{class:C(k(t))},[x(n,{title:`条件显隐`,"allow-check":!0,tooltip:`组件开启条件显示隐藏功能。开启后当事件触发时满足下面设置条件时显示，否则隐藏。`,"title-check":k(r).getCurConfigComponent.chart.showHide?.open,onChecked:l},{default:M(()=>[(w(!0),v(m,null,E(k(r).getCurConfigComponent.chart.showHide?.conditions,(e,t)=>(w(),v(`div`,{class:`condition`,key:t,onMouseenter:e=>o.value=t,onMouseleave:i[0]||=e=>o.value=-1},[y(`div`,ne,[i[1]||=b(` 触发 `,-1),x(Q,{"filter-self":!0,event:e.event,onOk:e=>u(t,e)},null,8,[`event`,`onOk`])]),y(`div`,re,[i[2]||=b(` 条件 `,-1),x(k(B),{style:{flex:`1`},placeholder:`选择比较条件`,class:`select-com`,value:e.condition,"onUpdate:value":t=>e.condition=t,options:s},null,8,[`value`,`onUpdate:value`]),i[3]||=b(` 值 `,-1),x(a,{style:{width:`120px`},placeholder:`请输入值`,value:e.value,"onUpdate:value":t=>e.value=t,maxlength:100},null,8,[`value`,`onUpdate:value`])]),o.value===t?(w(),g(k(W),{key:0,size:`18`,class:`delete-button`,icon:`ant-design:close-circle-filled`,onClick:e=>f(t)},null,8,[`onClick`])):_(``,!0)],40,$))),128)),y(`div`,{class:`add-button`,onClick:d},[x(k(W),{icon:`ant-design:plus-outlined`}),i[4]||=b(` 添加显隐条件 `,-1)])]),_:1},8,[`title-check`])],2)}}}),[[`__scopeId`,`data-v-50189189`]]),ae=i(S({name:`AdvanceConfig`,__name:`index`,setup(e){let{prefixCls:t}=U(`advance-config`);return(e,r)=>(w(),g(k(K),null,{default:M(()=>[y(`div`,{class:C(k(t))},[x(n,{title:`事件开启`},{default:M(()=>[x(J)]),_:1}),x(Z),x(ie)],2)]),_:1}))}}),[[`__scopeId`,`data-v-40dab166`]]);export{ae as default};