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

import{Z as e,mr as t,pr as n,xt as r}from"./common.js";import{createBlock as i,createElementVNode as a,createVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,ref as u,unref as d,watch as f,withCtx as p}from"vue";import{useDesign as m}from"@mfish/core/hooks";var h=t(s({__name:`MfDigitsConfig`,setup(t){let s=r(),{prefixCls:h}=m(`digits-config`),g=u(),_=u();f(()=>s.getCurConfigComponent,e=>{e&&v()},{immediate:!0});function v(){g.value=s.getCurConfigComponent.chart.options?.digits?.color,_.value=s.getCurConfigComponent.chart.options?.digits?.skeletonColor}function y(e,t){b(e,t),g.value=t}function b(e,t){s.getCurConfigComponent.chart.options.digits={...s.getCurConfigComponent.chart.options.digits,color:t}}function x(e,t){S(e,t),_.value=t}function S(e,t){s.getCurConfigComponent.chart.options.digits={...s.getCurConfigComponent.chart.options.digits,skeletonColor:t}}return(t,r)=>(l(),i(e,{class:c(d(h))},{default:p(()=>[r[0]||=a(`div`,{class:`title`},`数字颜色`,-1),o(d(n),{placeholder:`设置数字颜色，格式#FFFFFF`,type:1,value:g.value,onConfirmChange:y,onInputChange:b},null,8,[`value`]),r[1]||=a(`div`,{class:`title`},`框架颜色`,-1),o(d(n),{placeholder:`设置框架颜色，格式#FFFFFF`,type:1,value:_.value,onConfirmChange:x,onInputChange:S},null,8,[`value`])]),_:1},8,[`class`]))}}),[[`__scopeId`,`data-v-18df8f8a`]]);export{h as default};