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

import{Z as e,_n as t,mr as n,pr as r,wn as i,xt as a}from"./common.js";import{t as o}from"./TextStyle.js";import{createBlock as s,createElementVNode as c,createVNode as l,defineComponent as u,normalizeClass as d,openBlock as f,ref as p,unref as m,watch as h,withCtx as g}from"vue";import{useDesign as _}from"@mfish/core/hooks";var v=n(u({__name:`MfSegmentedStyleConfig`,setup(n){let{prefixCls:u}=_(`segmented-style-config`),v=a(),y=p({}),b=p({}),x=p(!1),S=p();h(()=>v.getCurConfigComponent,e=>{e&&C(e)},{immediate:!0});function C(e){y.value=e.chart?.options?.textStyle,b.value=e.chart?.options?.selectStyle,x.value=e.chart?.options?.transparent||!1,S.value=e.chart?.options?.selectStyle?.selectBackground}function w(e){v.getCurConfigComponent.chart.options.textStyle={...v.getCurConfigComponent.chart.options?.textStyle,textColor:e.value}}function T(e){v.getCurConfigComponent.chart.options.textStyle={...v.getCurConfigComponent.chart.options?.textStyle,font:e.value}}function E(e){v.getCurConfigComponent.chart.options.textStyle={...v.getCurConfigComponent.chart.options?.textStyle,fontSize:e.value}}function D(e){v.getCurConfigComponent.chart.options.textStyle={...v.getCurConfigComponent.chart.options?.textStyle,fontStyle:e.value}}function O(e){v.getCurConfigComponent.chart.options.selectStyle={...v.getCurConfigComponent.chart.options?.selectStyle,textColor:e.value}}function k(e){v.getCurConfigComponent.chart.options.selectStyle={...v.getCurConfigComponent.chart.options?.selectStyle,font:e.value}}function A(e){v.getCurConfigComponent.chart.options.selectStyle={...v.getCurConfigComponent.chart.options?.selectStyle,fontSize:e.value}}function j(e){v.getCurConfigComponent.chart.options.selectStyle={...v.getCurConfigComponent.chart.options?.selectStyle,fontStyle:e.value}}function M(e){v.getCurConfigComponent.chart.options.transparent=e.target.checked}function N(e){P(e),S.value=e}function P(e){e||=``,v.getCurConfigComponent.chart.options.selectStyle={...v.getCurConfigComponent.chart.options?.selectStyle,selectBackground:e}}return(n,a)=>(f(),s(e,{class:d(m(u))},{default:g(()=>[a[1]||=c(`div`,{class:`title`},`文本样式`,-1),l(o,{"color-type":1,"text-style":y.value,"hide-align":!0,"hide-font-style":[m(t).Strikethrough],onColorChange:w,onFontChange:T,onSizeChange:E,onFontStyleChange:D},null,8,[`text-style`,`hide-font-style`]),a[2]||=c(`div`,{class:`title`},`选中样式`,-1),l(o,{"color-type":1,"text-style":b.value,"hide-align":!0,"hide-font-style":[m(t).Strikethrough],onColorChange:O,onFontChange:k,onSizeChange:A,onFontStyleChange:j},null,8,[`text-style`,`hide-font-style`]),l(m(i),{checked:x.value,"onUpdate:checked":a[0]||=e=>x.value=e,title:`整体背景透明`,tooltip:`设置背景透明后，可以通过通用配置-背景色设置背景颜色`,onChange:M},null,8,[`checked`]),a[3]||=c(`div`,{class:`title`},`选中项背景色`,-1),l(m(r),{value:S.value,onConfirmChange:N,onInputChange:P},null,8,[`value`])]),_:1},8,[`class`]))}}),[[`__scopeId`,`data-v-550b16b2`]]);export{v as default};