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

import{l as e,mr as t,rt as n}from"./common.js";import{computed as r,createBlock as i,createElementBlock as a,createElementVNode as o,createVNode as s,defineAsyncComponent as c,defineComponent as l,mergeProps as u,normalizeProps as d,openBlock as f,resolveDynamicComponent as p,shallowRef as m,toHandlers as h,unref as g,watch as _}from"vue";import{Icon as v}from"@mfish/core/components/Icon";var y={key:1,class:`customize-placeholder`},b=t(l({name:`MfCustomize`,__name:`index`,props:{chart:{type:Object,required:!0},chartContain:{type:Object,required:!0}},setup(t){let l=t,{commonEvents:b}=n(l.chart),x=m(null),S=r(()=>l.chart.data.dataSet?.props||{}),C=r(()=>({width:`100%`,height:`100%`,overflow:`auto`})),w=()=>{let t=l.chart.data.dataSet?.componentName;if(!t){x.value=null;return}try{let n=e(t);if(!n){x.value=null;return}x.value=c(()=>n().catch(e=>({template:`<div class="error-component">组件加载失败</div>`})))}catch{x.value=null}};return _(()=>l.chart.data.dataSet?.componentName,()=>{w()},{immediate:!0}),(e,t)=>(f(),a(`div`,u({style:C.value},h(g(b),!0),{class:`mf-customize-container`}),[x.value?(f(),i(p(x.value),d(u({key:0},S.value)),null,16)):(f(),a(`div`,y,[s(g(v),{icon:`carbon:code`,size:48,color:`#999`}),t[0]||=o(`div`,{class:`placeholder-text`},`自定义组件`,-1),t[1]||=o(`div`,{class:`placeholder-hint`},`请在配置面板中设置路由地址`,-1)]))],16))}}),[[`__scopeId`,`data-v-8d41f642`]]);export{b as default};