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

import{Q as e,Z as t,mr as n,pr as r,xt as i}from"./common.js";import{createBlock as a,createElementVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,normalizeClass as u,openBlock as d,ref as f,unref as p,watch as m,withCtx as h}from"vue";import{Checkbox as g,Slider as _}from"ant-design-vue";import{useDesign as v}from"@mfish/core/hooks";var y={class:`title`},b={class:`title`},x={class:`title`},S={class:`title`},C={class:`title`},w={class:`title`},T=n(l({__name:`MfWheelConfig`,setup(n){let l=i(),{prefixCls:T}=v(`wheel-config`),E=f(),D=f(),O=f(1),k=f(48);m(()=>l.getCurConfigComponent,e=>{e&&A()},{immediate:!0});function A(){O.value=l.getCurConfigComponent.chart?.options.style.chart?.layout?.innerCircle?.strokeWidth,E.value=l.getCurConfigComponent.chart?.options.style.chart?.layout?.innerCircle?.stroke,D.value=l.getCurConfigComponent.chart?.options.style.chart?.layout?.wheel?.ticks?.activeColor,k.value=l.getCurConfigComponent.chart?.options.style.chart?.layout?.percentage?.fontSize}function j(e){M(e),E.value=e}function M(e){l.getCurConfigComponent.chart.options.style.chart.layout.innerCircle.stroke=e}function N(e,t){P(e,t),D.value=t}function P(e,t){l.getCurConfigComponent.chart.options.style.chart.layout.wheel.ticks.activeColor=t}function F(e){l.getCurConfigComponent.chart.options.style.chart.layout.innerCircle.show=e}function I(){l.getCurConfigComponent.chart.options.style.chart.layout.innerCircle.strokeWidth=O.value}function L(e){l.getCurConfigComponent.chart.options.style.chart.layout.percentage.show=e}function R(){l.getCurConfigComponent.chart.options.style.chart.layout.percentage.fontSize=k.value}return(n,i)=>(d(),a(t,{class:u(p(T))},{default:h(()=>[c(e,{title:`数值样式`,"allow-check":!0,"title-check":p(l).getCurConfigComponent.chart.options.style.chart?.layout?.percentage?.show,onChecked:L},{default:h(()=>[o(`div`,y,[i[8]||=s(` 字体大小 `,-1),c(p(_),{value:k.value,"onUpdate:value":i[0]||=e=>k.value=e,min:8,max:100,onChange:R},null,8,[`value`]),c(p(g),{checked:p(l).getCurConfigComponent.chart.options.style.chart.layout.percentage.bold,"onUpdate:checked":i[1]||=e=>p(l).getCurConfigComponent.chart.options.style.chart.layout.percentage.bold=e},{default:h(()=>[...i[7]||=[s(` 加粗 `,-1)]]),_:1},8,[`checked`])]),o(`div`,b,[i[9]||=s(` 小数位数 `,-1),c(p(_),{value:p(l).getCurConfigComponent.chart.options.style.chart.layout.percentage.rounding,"onUpdate:value":i[2]||=e=>p(l).getCurConfigComponent.chart.options.style.chart.layout.percentage.rounding=e,min:0,max:6},null,8,[`value`])])]),_:1},8,[`title-check`]),c(e,{title:`内环配置`,"allow-check":!0,"title-check":p(l).getCurConfigComponent.chart.options.style.chart?.layout?.innerCircle?.show,onChecked:F},{default:h(()=>[i[11]||=o(`div`,{class:`title`},`内环颜色`,-1),c(p(r),{placeholder:`设置数字颜色，格式#FFFFFF`,type:1,value:E.value,onConfirmChange:j,onInputChange:M},null,8,[`value`]),o(`div`,x,[i[10]||=s(` 内环宽度 `,-1),c(p(_),{value:O.value,"onUpdate:value":i[3]||=e=>O.value=e,max:25,onChange:I},null,8,[`value`])])]),_:1},8,[`title-check`]),c(e,{title:`外环配置`},{default:h(()=>[o(`div`,S,[i[12]||=s(` 激活颜色 `,-1),o(`div`,null,[c(p(r),{placeholder:`设置外环颜色，格式#FFFFFF`,type:1,value:D.value,onConfirmChange:N,onInputChange:P},null,8,[`value`])])]),o(`div`,C,[c(p(g),{checked:p(l).getCurConfigComponent.chart.options.style.chart.layout.wheel.ticks.gradient.show,"onUpdate:checked":i[4]||=e=>p(l).getCurConfigComponent.chart.options.style.chart.layout.wheel.ticks.gradient.show=e},{default:h(()=>[...i[13]||=[s(` 渐变色 `,-1)]]),_:1},8,[`checked`]),c(p(_),{value:p(l).getCurConfigComponent.chart.options.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity,"onUpdate:value":i[5]||=e=>p(l).getCurConfigComponent.chart.options.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity=e,min:0,max:100},null,8,[`value`])]),o(`div`,w,[i[14]||=s(` 圆环比例 `,-1),c(p(_),{value:p(l).getCurConfigComponent.chart.options.style.chart.layout.wheel.ticks.sizeRatio,"onUpdate:value":i[6]||=e=>p(l).getCurConfigComponent.chart.options.style.chart.layout.wheel.ticks.sizeRatio=e,step:.1,min:0,max:1},null,8,[`value`])])]),_:1})]),_:1},8,[`class`]))}}),[[`__scopeId`,`data-v-891af7b5`]]);export{T as default};