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

import{computed as e,createBlock as t,defineComponent as n,normalizeStyle as r,openBlock as i,ref as a,renderSlot as o,resolveDynamicComponent as s,watch as c,withCtx as l}from"vue";import{throttle as u}from"lodash-es";var d=n({name:`MfDataV`,__name:`index`,props:{component:{type:Object,required:!0},chart:{type:Object},chartContain:{type:Object}},setup(n){let d=n,f=a(0),p=e(()=>[d.chart?.options.mainColor,d.chart?.options.secondColor]);c([()=>d.chartContain?.dropInfo.width,()=>d.chartContain?.dropInfo.height],u(()=>{f.value++},100),{immediate:!0,deep:!0});let m=e(()=>({width:d.chartContain?.dropInfo.width,height:d.chartContain?.dropInfo.height}));return(e,a)=>(i(),t(s(n.component),{key:f.value,style:r(m.value),color:p.value,"background-color":d.chart?.options.backgroundColor?d.chart?.options.backgroundColor:`transparent`},{default:l(()=>[o(e.$slots,`default`)]),_:3},8,[`style`,`color`,`background-color`]))}});export{d as t};