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

import{rt as e,xt as t}from"./common.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,nextTick as o,openBlock as s,toHandlers as c,unref as l,watch as u}from"vue";import{cloneDeep as d}from"lodash-es";import{VueUiDigits as f}from"vue-data-ui/vue-ui-digits";var p=i({name:`MfDigits`,__name:`index`,props:{chart:{type:Object,required:!0},chartContain:{type:Object,required:!0}},setup(i){let p=i,m=t();u(()=>m.getTheme,e=>{p.chart&&o().then(()=>{y(p.chart,e)})},{immediate:!0});let{commonEvents:h}=e(p.chart),g={dark:`#FFFFFF`,light:`#2D353C`},_={dark:`#3A3A3A`,light:`#E1E5E8`},v=n(()=>({...p.chart.options,digits:{color:p.chart.options.digits?.color||g[m.getTheme],skeletonColor:p.chart.options.digits?.skeletonColor||_[m.getTheme]}}));function y(e,t){if(!e.options.digits){e.options.digits=d({color:g[t],skeletonColor:_[t]});return}(e.options.digits.color===g.dark||e.options.digits.color===g.light)&&(e.options.digits.color=g[t]),(e.options.digits.skeletonColor===_.dark||e.options.digits.skeletonColor===_.light)&&(e.options.digits.skeletonColor=_[t])}return(e,t)=>(s(),r(l(f),a({dataset:i.chart.data.dataSet,config:v.value},c(l(h))),null,16,[`dataset`,`config`]))}});export{p as default};