import{Cn as e,Q as t,R as n,Tt as r,Vt as i,ct as a,gn as o,gt as s,mr as c,mt as l,xt as u,z as d}from"./common.js";import{t as f}from"./EventSelect.js";import{t as p}from"./VariableSelect.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,nextTick as C,normalizeClass as w,normalizeStyle as T,onMounted as E,onUnmounted as D,openBlock as O,reactive as k,ref as A,renderList as j,renderSlot as M,resolveComponent as N,toDisplayString as P,unref as F,useCssVars as I,watch as L,withCtx as R,withModifiers as z}from"vue";import{Checkbox as B,Divider as ee,Empty as V,Input as H,RadioButton as U,RadioGroup as W,Slider as te,Tooltip as G,theme as K}from"ant-design-vue";import{useDesign as q,useMessage as J}from"@mfish/core/hooks";import{Icon as Y}from"@mfish/core/components/Icon";import{cloneDeep as X,debounce as ne,pick as re,throttle as ie}from"lodash-es";import{isArray as Z}from"@mfish/core/utils/Is";import{router as ae}from"@mfish/core/router";import{ScrollContainer as Q}from"@mfish/core/components/Container";import{BasicModal as oe,useModal as se,useModalInner as ce}from"@mfish/core/components/Modal";import le from"vuedraggable";import{useOutsideOpen as ue}from"@mfish/core/utils/OutsideOpenUtils";import{API_SAVE as de,getApiParamsList as fe,getDataFieldsById as pe,renameField as me}from"@mfish/custom-api";var he=S({__name:`DataSelectModal`,props:{selectData:{type:Object}},emits:[`success`,`register`],setup(e,{emit:t}){let n=e,r=t,[i,{setModalProps:a,closeModal:o}]=ce(async()=>{a({confirmLoading:!1,width:`1200px`,defaultFullscreen:!0})}),{createMessage:s}=J();function c(){if(n.selectData){r(`success`,n.selectData),o();return}s.warning(`请选择数据源`)}return(e,t)=>(O(),g(F(oe),{width:`1200px`,onRegister:F(i),title:`数据来源`,onOk:c},{default:R(()=>[M(e.$slots,`default`)]),_:3},8,[`onRegister`]))}}),$={key:0,class:`placeholder`},ge={key:0,class:`warning`},_e={key:2,class:`icon-group`},ve=c(S({__name:`DataSelect`,props:{selectData:{type:Object},dataId:{type:String,default:``},dataName:{type:String,default:``},isResource:{type:Boolean,default:!1},screenId:{type:String,default:``}},emits:[`dataChange`,`dataRefresh`],setup(e,{emit:t}){I(e=>({v719f0847:o.value}));let n=e,r=t;L(()=>n.dataId,e=>{e?(u.id=e,u.name=n.dataName):(u.id=``,u.name=``)});let{prefixCls:i}=q(`data-select`),{token:a}=K.useToken(),o=h(()=>a.value.colorBorder),s=A(``),[c,{openModal:l}]=se(),u=k({id:n.dataId,name:n.dataName}),d=A(!1),{open:f}=ue(de,j);function p(){u.id&&(s.value=`ant-design:close-circle-filled`)}function m(){s.value=``}function b(){l(!0,{})}function S(e){u.id=e.id,u.name=e.name,r(`dataChange`,F(u))}function C(){u.id=``,u.name=``,r(`dataChange`,F(u))}function E(){let e;e=n.isResource?{configId:u.id,screenId:n.screenId}:{configId:u.id},f(ae.resolve({path:`/low-code/mf-api/config`,query:e}))}let D=ne(()=>j(),200);function j(){d.value=!0,setTimeout(()=>{d.value=!1},1e3),r(`dataRefresh`)}return(t,n)=>(O(),v(`div`,{class:w(F(i))},[y(`div`,{class:`input`,onMouseenter:p,onMouseleave:m,onClick:b},[u.id?(O(),g(F(G),{key:1,title:u.name},{default:R(()=>[y(`div`,{class:`title`,style:T(e.isResource?{textDecoration:`line-through`,color:`#999`}:{})},P(u.name),5),e.isResource?(O(),v(`div`,ge,` 注意：请将样例数据更换为自己的数据`)):_(``,!0)]),_:1},8,[`title`])):(O(),v(`div`,$,`请选择数据来源`)),s.value?(O(),v(`div`,_e,[x(F(G),{title:e.isResource?`查看样例数据源配置`:`编辑数据源`},{default:R(()=>[x(F(Y),{class:`icon`,icon:e.isResource?`ant-design:search-outlined`:`ant-design:edit-outlined`,onClick:z(E,[`stop`])},null,8,[`icon`])]),_:1},8,[`title`]),x(F(G),{title:`清空数据源`},{default:R(()=>[x(F(Y),{class:`delete-icon`,size:14,icon:s.value,onClick:z(C,[`stop`])},null,8,[`icon`])]),_:1})])):_(``,!0),x(he,{onRegister:F(c),onSuccess:S,"select-data":e.selectData},{default:R(()=>[M(t.$slots,`default`,{},void 0,!0)]),_:3},8,[`onRegister`,`select-data`])],32),x(F(G),{title:`刷新数据源`},{default:R(()=>[x(F(Y),{class:`icon`,icon:`ant-design:sync-outlined`,onClick:F(D),spin:d.value},null,8,[`onClick`,`spin`])]),_:1})],2))}}),[[`__scopeId`,`data-v-d0458915`]]),ye=[`draggable`,`onMouseenter`,`onDragstart`],be={class:`title`},xe=c(S({__name:`FieldConfig`,props:{fieldList:{type:Array,default:()=>[]}},setup(e){I(e=>({v23c892b9:f.value}));let t=e,r=A(-1),i=A(-1),c=A(``),{prefixCls:l}=q(`field-config`),{token:d}=K.useToken(),f=h(()=>d.value.colorInfoBg),p=A(),b=u();function S(e){r.value=e}function T(){r.value=-1}function E(){i.value=r.value,c.value=t.fieldList[r.value].rename??t.fieldList[r.value].colName,C(()=>{p.value?.focus(),p.value?.select()})}async function D(e){c.value&&c.value!==e.rename&&await me(b.getCurConfigComponent.chart.data.id,e.colName,c.value)&&(e.rename=c.value),M(),n.emit(s.DATA_RENAME,e)}async function k(){setTimeout(()=>M(),200)}function M(){i.value=-1,c.value=``}function L(e,t){e.dataTransfer?.setData(a,JSON.stringify(t))}return(t,n)=>{let a=N(`AInput`);return O(),v(`div`,{class:w(F(l))},[(O(!0),v(m,null,j(e.fieldList,(e,t)=>(O(),v(`div`,{class:`field-block`,key:e.id,draggable:i.value!==t,onMouseenter:e=>S(t),onMouseleave:T,onDragstart:t=>L(t,e)},[x(F(Y),{class:`icon`,icon:F(o)(e.dataType)},null,8,[`icon`]),i.value===t?(O(),g(a,{key:1,bordered:!1,value:c.value,"onUpdate:value":n[0]||=e=>c.value=e,ref_for:!0,ref:e=>p.value=e,onPressEnter:t=>D(e),onBlur:k},null,8,[`value`,`onPressEnter`])):(O(),g(F(G),{key:0,title:e.colName+(e.comment?`[${e.comment}]`:``),placement:`left`},{default:R(()=>[y(`div`,be,P(e.rename??e.colName),1)]),_:2},1032,[`title`])),r.value===t&&i.value!==t?(O(),g(F(G),{key:2,title:`重命名`},{default:R(()=>[x(F(Y),{class:`icon edit`,icon:`ant-design:edit-outlined`,onClick:E})]),_:1})):_(``,!0),i.value===t?(O(),g(F(G),{key:3,title:`保存`},{default:R(()=>[x(F(Y),{class:`icon edit`,icon:`ant-design:save-outlined`,onClick:t=>D(e)},null,8,[`onClick`])]),_:2},1024)):_(``,!0)],40,ye))),128))],2)}}}),[[`__scopeId`,`data-v-e1e66a29`]]),Se={class:`title`},Ce={class:`param`},we={key:0,style:{color:`red`}},Te={key:0},Ee={key:1},De={key:2},Oe=c(S({__name:`DataParamsConfig`,props:{params:{type:Array,default:()=>[]}},emits:[`paramChange`],setup(e,{emit:t}){let n=t,{prefixCls:r}=q(`data-params-config`),i=u(),{createMessage:a}=J();function o(e,t){let n=e.event,r=X(i.getCurConfigComponent.chart.data.params),a=!1;r[t.name].value||(r[t.name].value=[],a=!0);let o=r[t.name].value.findIndex(e=>e.id===n.id&&e.event===n.event);o===-1?(e.modifyIndex>=0?r[t.name].value.splice(e.modifyIndex,1,n):r[t.name].value.push(n),a=!0):r[t.name].value.param!==n.param&&(r[t.name].value.splice(o,1,n),a=!0),a&&(h(d(e.event,t)),i.getCurConfigComponent.chart.data.params=r)}function s(e,t){let n=X(i.getCurConfigComponent.chart.data.params);n[t.name].value.splice(e,1),n[t.name].value?.length>0?h(d(n[t.name].value[0],t)):h({[t.name]:void 0}),i.getCurConfigComponent.chart.data.params=n}function c(e,t){let n=X(i.getCurConfigComponent.chart.data.params);switch(e.target?.value){case l.VARIABLE:n[t.name].value=void 0;break;case l.EVENT:n[t.name].value=[];break;default:n[t.name].value=t.defaultValue,t.defaultValue&&h({[t.name]:t.defaultValue});break}i.getCurConfigComponent.chart.data.params=n}let d=(e,t)=>{let n=()=>{let e=`错误：组件参数存在循环引用，请检查`;throw a.error(e),Error(e)},r=e=>{let t=i.getComponent(e);if(t?.chart.data.params){for(let e of Object.values(t?.chart.data.params))if(e?.value){if(Z(e.value)){for(let t of e.value)t.id===i.getCurConfigComponent.chart.id&&n(),r(t.id);continue}e.value.id===i.getCurConfigComponent.chart.id?n():r(e.value.id)}}return t};if(e){let n=r(e.id);if(!n)return;i.getCurConfigComponent.chart.data.priority===void 0&&(i.getCurConfigComponent.chart.data.priority=0),i.getCurConfigComponent.chart.data.priority<=(n.chart.data.priority??0)&&(i.getCurConfigComponent.chart.data.priority=n.chart.data.priority+1);let a=n?.chart.data.type===0?n?.chart.data.dataSet:n?.chart.data.result;if(Z(a))return{[t.name]:a[0][e.param]};if(a)return{[t.name]:a[e.param]}}};function h(e){let t=i.getCurConfigComponent.chart;t.data.paramsValue?t.data.paramsValue={...t.data.paramsValue,...e}:t.data.paramsValue=e,n(`paramChange`)}function S(e,t){let n=X(i.getCurConfigComponent.chart.data.params);n[t.name].value=n[t.name].value.filter(t=>t.id!==e),n[t.name].value?.length>0?h(d(n[t.name].value[0],t)):h({[t.name]:void 0}),i.getCurConfigComponent.chart.data.params=n}function C(e,t){let n=X(i.getCurConfigComponent.chart.data.params);n[t.name].value=e,e.paramType===1?h(d(e,t)):h({[t.name]:e.defaultValue}),i.getCurConfigComponent.chart.data.params=n}let T=ie((e,t)=>{h({[t.name]:e.target.value})},500);return(t,n)=>(O(!0),v(m,null,j(e.params,e=>(O(),v(`div`,{class:w(F(r)),key:e.name},[y(`div`,Se,[x(F(G),{title:e.remark},{default:R(()=>[y(`div`,Ce,[e.required===1?(O(),v(`span`,we,`*`)):_(``,!0),b(` `+P(e.name),1)])]),_:2},1032,[`title`]),x(F(G),{placement:`topRight`},{title:R(()=>[...n[0]||=[y(`div`,null,[y(`span`,{style:{"font-weight":`700`}},`常量：`),b(`设置固定参数`)],-1),y(`div`,null,[y(`span`,{style:{"font-weight":`700`}},`变量： `),b(` 设置其他组件数据或全局变量（第一次加载设置，不会跟随前者变化。全局变量来自于请求链接中的参数） `)],-1),y(`div`,null,[y(`span`,{style:{"font-weight":`700`}},`事件：`),b(` 其他组件事件触发设置（绑定多个事件时，以最后触发事件的组件为准） `)],-1)]]),default:R(()=>[F(i).getCurConfigComponent.chart.data.params&&F(i).getCurConfigComponent.chart.data.params[e.name]?(O(),g(F(W),{key:0,class:`radio-group`,size:`small`,value:F(i).getCurConfigComponent.chart.data.params[e.name].type,"onUpdate:value":t=>F(i).getCurConfigComponent.chart.data.params[e.name].type=t,onChange:t=>c(t,e)},{default:R(()=>[x(F(U),{class:`radio-button`,value:F(l).CONSTANT},{default:R(()=>[...n[1]||=[b(`常量`,-1)]]),_:1},8,[`value`]),x(F(U),{class:`radio-button`,value:F(l).VARIABLE},{default:R(()=>[...n[2]||=[b(`变量`,-1)]]),_:1},8,[`value`]),x(F(U),{class:`radio-button`,value:F(l).EVENT},{default:R(()=>[...n[3]||=[b(`事件`,-1)]]),_:1},8,[`value`])]),_:1},8,[`value`,`onUpdate:value`,`onChange`])):_(``,!0)]),_:2},1024)]),F(i).getCurConfigComponent.chart.data.params&&F(i).getCurConfigComponent.chart.data.params[e.name]&&F(i).getCurConfigComponent.chart.data.params[e.name].type===F(l).CONSTANT?(O(),v(`div`,Te,[x(F(H),{value:F(i).getCurConfigComponent.chart.data.params[e.name].value,"onUpdate:value":t=>F(i).getCurConfigComponent.chart.data.params[e.name].value=t,placeholder:`请输入常量参数`,onChange:t=>F(T)(t,e)},null,8,[`value`,`onUpdate:value`,`onChange`])])):_(``,!0),F(i).getCurConfigComponent.chart.data.params&&F(i).getCurConfigComponent.chart.data.params[e.name]&&F(i).getCurConfigComponent.chart.data.params[e.name].type===F(l).VARIABLE?(O(),v(`div`,Ee,[x(p,{"filter-self":!0,variable:F(i).getCurConfigComponent.chart.data.params[e.name].value,onOk:t=>C(t,e)},null,8,[`variable`,`onOk`])])):_(``,!0),F(i).getCurConfigComponent.chart.data.params&&F(i).getCurConfigComponent.chart.data.params[e.name]&&F(i).getCurConfigComponent.chart.data.params[e.name].type===F(l).EVENT?(O(),v(`div`,De,[x(f,{"filter-self":!0,events:F(i).getCurConfigComponent.chart.data.params[e.name].value,onOk:t=>o(t,e),onDelete:t=>s(t,e),onEventLose:t=>S(t,e)},null,8,[`events`,`onOk`,`onDelete`,`onEventLose`])])):_(``,!0)],2))),128))}}),[[`__scopeId`,`data-v-76f8c848`]]),ke={class:`title`},Ae={class:`title`},je={class:`title`},Me={class:`title`},Ne={key:0},Pe={class:`title`},Fe={style:{"max-width":`200px`}},Ie={class:`data-header`},Le={class:`data-set`},Re={class:`target-data`},ze=c(S({__name:`DataConfig`,props:{selectData:{type:Object}},emits:[`refreshData`,`dataTypeChange`],setup(a,{emit:o}){let c=o,p=u(),h=[{label:`静态数据`,value:0},{label:`动态数据`,value:1}],{prefixCls:S}=q(`data-config`),C=A([]),T=A([]),D=k({open:!1,interval:5}),j=k({open:!1,events:[]});function N(e){p.getCurConfigComponent.chart.data.id=e.id,delete p.getCurConfigComponent.chart?.isResource,p.getCurConfigComponent.chart.data.name=e.name}E(()=>{n.on(s.DATA_RENAME,U),p.getCurConfigComponent.chart.data?.autoRefresh!==void 0&&(D.open=p.getCurConfigComponent.chart.data?.autoRefresh.open,D.interval=p.getCurConfigComponent.chart.data?.autoRefresh.interval),p.getCurConfigComponent.chart.data?.eventRefresh!==void 0&&(j.open=p.getCurConfigComponent.chart.data?.eventRefresh.open,j.events=p.getCurConfigComponent.chart.data?.eventRefresh.events)}),L(D,e=>{e&&(p.getCurConfigComponent.chart.data.autoRefresh={open:e.open,interval:e.interval})}),L(j,e=>{e&&(p.getCurConfigComponent.chart.data.eventRefresh={open:e.open,events:e.events})}),L(()=>p.getCurConfigComponent?.chart.data.type,e=>{if(e===0){let e=d[p.getCurConfigComponent?.chart.type];p.getCurConfigComponent.chart.data.headers=e.defaultHeaders&&e.defaultHeaders(p.getCurConfigComponent.chart);return}P()},{immediate:!0}),L(()=>p.getCurConfigComponent?.chart.data.id,()=>{p.getCurConfigComponent?.chart.data.type!==0&&P()});function P(){let e=p.getCurConfigComponent?.chart?.isResource&&p.getCurConfigComponent?.chart.data.id?`${p.getId},${p.getCurConfigComponent?.chart.data.id}`:p.getCurConfigComponent?.chart.data.id;if(e){let t=[],n=p.getCurConfigComponent?.chart?.isResource?i:pe;t.push(n(e).then(e=>{C.value=e,V(e),H(e)}).catch(()=>{C.value=[]}),I()),Promise.all(t).then(()=>{c(`refreshData`)})}else C.value=[],T.value=[],p.getCurConfigComponent.chart.data.fields={},c(`refreshData`)}async function I(){let e=[],t=t=>{e.push({id:t.id,name:t.key,defaultValue:t.value,isUse:0,remark:t.remark||``,required:+!!t.isRequired})},n=p.getCurConfigComponent?.chart.data.id;if(n){let i=await fe({apiId:n,pageNum:1,pageSize:1e4}),a=await r(n);if(a){let e=a.headerParams?JSON.parse(a.headerParams):[],n=a.bodyParams?JSON.parse(a.bodyParams):{};e?.forEach(e=>{t(e)}),n?.other?.forEach(e=>{t(e)}),n?.page?.checked&&(t({...n.page.pageNum,remark:`当前页`}),t({...n.page.pageSize,remark:`每页条数`}))}if(i.total>0||e.length>0){T.value=i.list,T.value.push(...e),z(T.value);return}}T.value=[],p.getCurConfigComponent.chart.data.params=void 0}function z(e){let t=()=>{let t={},n={};e.forEach(e=>{t[e.name]={type:l.CONSTANT,value:e.defaultValue},e.defaultValue&&(n[e.name]=e.defaultValue)}),p.getCurConfigComponent.chart.data.params=t,p.getCurConfigComponent.chart.data.paramsValue=n};if(!p.getCurConfigComponent.chart.data?.params){t();return}let n=!1;for(let t of e)if(!p.getCurConfigComponent.chart.data.params[t.name]){n=!0;break}for(let t of Object.keys(p.getCurConfigComponent.chart.data.params))if(!e.some(e=>e.name===t)){n=!0;break}n&&t()}function V(e){let t={};e.forEach(e=>{e.colName&&(t[e.colName]={colName:e.colName,rename:e.rename,dataType:e.dataType})}),p.getCurConfigComponent.chart.data.headers=t}function H(e){if(!p.getCurConfigComponent.chart.data.fields){p.getCurConfigComponent.chart.data.fields={};return}let t=Object.keys(p.getCurConfigComponent.chart.data.fields);for(let n of t){let t=p.getCurConfigComponent.chart.data.fields[n];for(let n=0;n<t.length;n++){let r=t[n],i=e.find(e=>e.colName===r.colName);i?(r.rename=i.rename,r.dataType=i.dataType):t.splice(n--,1)}}}function U(e){if(p.getCurConfigComponent.chart.data?.headers){let t=p.getCurConfigComponent.chart.data.headers[e.colName];t&&(t.rename=e.rename)}}function K(e){let t=j.events.findIndex(t=>t.id===e.event.id&&t.event===e.event.event);t===-1?e.modifyIndex>=0?j.events.splice(e.modifyIndex,1,e.event):j.events.push(e.event):j.events.splice(t,1,e.event)}function J(e){e!==-1&&j.events.splice(e,1)}return(n,r)=>(O(),g(F(Q),null,{default:R(()=>[y(`div`,{class:w(F(S))},[y(`div`,ke,[r[7]||=b(` 数据类型 `,-1),x(F(W),{value:F(p).getCurConfigComponent.chart.data.type,"onUpdate:value":r[0]||=e=>F(p).getCurConfigComponent.chart.data.type=e,options:h,"option-type":`button`,"button-style":`solid`,size:`small`,onChange:r[1]||=()=>{c(`dataTypeChange`,F(p).getCurConfigComponent.chart.data.type)}},null,8,[`value`])]),x(F(ee),{style:{margin:`0`}}),F(p).getCurConfigComponent.chart.data.type===0?M(n.$slots,`static-data`,{key:0},void 0,!0):(O(),v(m,{key:1},[y(`div`,Ae,[x(F(G),{title:`点击右侧输入框切换数据源`,placement:`left`},{default:R(()=>[...r[8]||=[b(` 数据来源`,-1)]]),_:1}),x(ve,{"select-data":a.selectData,"data-id":F(p).getCurConfigComponent.chart.data.id,"data-name":F(p).getCurConfigComponent.chart.data.name,"is-resource":F(p).getCurConfigComponent.chart.isResource,"screen-id":F(p).getId,onDataChange:N,onDataRefresh:P},{default:R(()=>[M(n.$slots,`data-select`,{},void 0,!0)]),_:3},8,[`select-data`,`data-id`,`data-name`,`is-resource`,`screen-id`])]),y(`div`,je,[x(F(G),{title:`接口允许返回数据的最大条数`,placement:`left`},{default:R(()=>[...r[9]||=[b(` 数据限制`,-1)]]),_:1}),x(F(e),{value:F(p).getCurConfigComponent.chart.data.limit,"onUpdate:value":r[2]||=e=>F(p).getCurConfigComponent.chart.data.limit=e,max:F(p).getCurConfigComponent.chart.data.maxLimit<=0?1/0:F(p).getCurConfigComponent.chart.data.maxLimit,min:1,suffix:`条`},null,8,[`value`,`max`])]),x(t,{title:`数据刷新`},{default:R(()=>[y(`div`,Me,[x(F(G),{title:`数据按照刷新间隔时间更新数据（编辑环境不生效）`,placement:`left`},{default:R(()=>[x(F(B),{checked:D.open,"onUpdate:checked":r[3]||=e=>D.open=e},{default:R(()=>[...r[10]||=[b(` 自动刷新`,-1)]]),_:1},8,[`checked`])]),_:1}),D.open?(O(),v(`div`,Ne,[x(F(te),{style:{margin:`0`},"tip-formatter":e=>`刷新间隔 ${e}（分钟）`,value:D.interval,"onUpdate:value":r[4]||=e=>D.interval=e,min:.5,max:60,step:.5},null,8,[`tip-formatter`,`value`])])):_(``,!0)]),y(`div`,Pe,[x(F(G),{title:`通过其他组件事件触发数据更新`,placement:`left`},{default:R(()=>[x(F(B),{checked:j.open,"onUpdate:checked":r[5]||=e=>j.open=e},{default:R(()=>[...r[11]||=[b(` 事件刷新`,-1)]]),_:1},8,[`checked`])]),_:1}),y(`div`,Fe,[j.open?(O(),g(f,{key:0,"filter-self":!0,"hide-param":!0,events:j.events,onOk:K,onDelete:J},null,8,[`events`])):_(``,!0)])])]),_:1}),T.value&&T.value.length>0?(O(),g(t,{key:0,title:`参数设置`,tooltip:`带参`},{default:R(()=>[x(Oe,{params:T.value,onParamChange:r[6]||=()=>{c(`refreshData`)}},null,8,[`params`])]),_:1})):_(``,!0),C.value&&C.value.length>0?(O(),g(t,{key:1,title:`数据设置`,"allow-collapse":!1},{default:R(()=>[y(`div`,Ie,[r[12]||=y(`div`,null,`源数据`,-1),x(F(Y),{icon:`ant-design:double-right-outlined`}),r[13]||=y(`div`,null,`目标数据`,-1)]),y(`div`,Le,[x(xe,{"field-list":C.value},null,8,[`field-list`]),r[14]||=y(`div`,{class:`divide-line`},null,-1),y(`div`,Re,[M(n.$slots,`target-data`,{},void 0,!0)])])]),_:3})):_(``,!0)],64)),M(n.$slots,`default`,{},void 0,!0)],2)]),_:3}))}}),[[`__scopeId`,`data-v-6319f9ad`]]),Be=[`onMouseenter`],Ve={class:`title`},He=c(S({__name:`DragInData`,props:{fields:{type:Array,default:()=>[]},maxCount:{type:Number,default:9999},height:{type:Number,default:0}},emits:[`dataChange`],setup(e,{emit:t}){I(e=>({v58b0ea90:f.value}));let r=e,i=t,{prefixCls:c}=q(`drag-in-data`),l=A(r.fields),u=A(-1),{token:d}=K.useToken(),f=h(()=>d.value.colorInfoBg);L(()=>r.fields,()=>{l.value=r.fields});let p=e=>{let t=e.dataTransfer?.getData(a);if(!t)return;let n=JSON.parse(t);l.value.some(e=>e.colName===n.colName&&e.rename===n.rename)||(l.value.length>=r.maxCount&&l.value.shift(),l.value.push(re(n,[`colName`,`rename`,`dataType`])),i(`dataChange`,l.value))};function m(e){u.value=e}function b(){u.value=-1}function S(e){let t=l.value.findIndex(t=>t.colName===e.colName);t!==-1&&(l.value[t].rename=e.rename,i(`dataChange`,l.value))}function C(){i(`dataChange`,l.value)}E(()=>{n.on(s.DATA_RENAME,S)}),D(()=>{n.off(s.DATA_RENAME,S)});function k(e){l.value.splice(e,1),i(`dataChange`,l.value)}return(t,n)=>(O(),v(`div`,{class:w(F(c)),style:T(e.height>0?{height:`${e.height}px`}:{}),onDrop:p},[l.value.length===0?(O(),g(F(V),{key:0,class:`empty`,description:`拖动数据到此处`,image:F(V).PRESENTED_IMAGE_SIMPLE},null,8,[`image`])):(O(),g(F(Q),{key:1},{default:R(()=>[x(F(le),{"item-key":`id`,modelValue:l.value,"onUpdate:modelValue":n[0]||=e=>l.value=e,animation:`300`,"ghost-class":`ghost`,class:`drag-data`,onChange:C},{item:R(({index:e,element:t})=>[y(`div`,{class:`field-block`,onMouseenter:t=>m(e),onMouseleave:b},[x(F(Y),{class:`icon`,icon:F(o)(t.dataType)},null,8,[`icon`]),y(`div`,Ve,P(t.rename??t.colName),1),u.value===e?(O(),g(F(Y),{key:0,class:`icon`,icon:`ant-design:delete-outlined`,onClick:t=>k(e)},null,8,[`onClick`])):_(``,!0)],40,Be)]),_:1},8,[`modelValue`])]),_:1}))],38))}}),[[`__scopeId`,`data-v-a508a4de`]]);export{ze as n,He as t};