import{Q as e,Z as t,mr as n,pr as r,wn as i,xt as a}from"./common.js";import{Fragment as o,computed as s,createBlock as c,createElementBlock as l,createElementVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,normalizeClass as m,openBlock as h,ref as g,renderList as _,renderSlot as v,toDisplayString as y,unref as b,watch as x,withCtx as S}from"vue";import{Input as C,InputNumber as w,RadioButton as T,RadioGroup as E}from"ant-design-vue";import{useDesign as D}from"@mfish/core/hooks";import{IconPicker as O}from"@mfish/core/components/Icon";var k={class:`title`},A={class:`title`},j={class:`title`},M=n(p({__name:`MfFloatButtonConfig`,setup(n){let p=a(),{prefixCls:M}=D(`float-button-config`),N=g(),P=g(),F=g(`circle`),I=[{title:`圆形`,value:`circle`},{title:`方形`,value:`square`}],L=s(()=>!!p.getCurConfigComponent.chart.options.badge),R=g(0),z=g(!0),B=g();x(()=>p.getCurConfigComponent,e=>{e&&V()},{immediate:!0});function V(){N.value=p.getCurConfigComponent.chart.options.color,P.value=p.getCurConfigComponent.chart.options.buttonColor,F.value=p.getCurConfigComponent.chart.options.shape||`circle`,R.value=p.getCurConfigComponent.chart.options.badge?.count||0,z.value=p.getCurConfigComponent.chart.options.badge?.showZero||!0,B.value=p.getCurConfigComponent.chart.options.badge?.color||``}function H(e){p.getCurConfigComponent.chart.data.dataSet.icon=e}function U(e){W(e),N.value=e}function W(e){p.getCurConfigComponent.chart.options.color=e}function G(e){K(e),P.value=e}function K(e){p.getCurConfigComponent.chart.options.buttonColor=e}function q(){p.getCurConfigComponent.chart.options.shape=F.value}function J(e){e?p.getCurConfigComponent.chart.options.badge={count:R.value,showZero:z.value,color:B.value}:delete p.getCurConfigComponent.chart.options.badge}function Y(){p.getCurConfigComponent.chart.options.badge.count=R.value}function X(e){Z(e),B.value=e}function Z(e){p.getCurConfigComponent.chart.options.badge.color=e}function Q(){p.getCurConfigComponent.chart.options.badge.showZero=z.value}return(n,a)=>(h(),c(t,{class:m(b(M))},{default:S(()=>[v(n.$slots,`default`,{},void 0,!0),a[7]||=u(`div`,{class:`title`},` 文本 `,-1),f(b(C),{value:b(p).getCurConfigComponent.chart.data.dataSet.title,"onUpdate:value":a[0]||=e=>b(p).getCurConfigComponent.chart.data.dataSet.title=e,"show-count":``,maxlength:50},null,8,[`value`]),a[8]||=u(`div`,{class:`title`},` 图标 `,-1),f(b(O),{value:b(p).getCurConfigComponent.chart.data.dataSet.icon,onChange:H},null,8,[`value`]),a[9]||=u(`div`,{class:`title`},` 文字颜色 `,-1),f(b(r),{placeholder:`设置文本颜色，格式#FFFFFF`,type:1,value:N.value,onConfirmChange:U,onInputChange:W},null,8,[`value`]),a[10]||=u(`div`,{class:`title`},` 按钮颜色 `,-1),f(b(r),{placeholder:`设置按钮颜色，格式#FFFFFF`,value:P.value,onConfirmChange:G,onInputChange:K},null,8,[`value`]),u(`div`,k,[a[4]||=d(` 按钮形状 `,-1),f(b(E),{size:`small`,value:F.value,"onUpdate:value":a[1]||=e=>F.value=e,onChange:q},{default:S(()=>[(h(),l(o,null,_(I,e=>f(b(T),{key:e.value,value:e.value},{default:S(()=>[d(y(e.title),1)]),_:2},1032,[`value`])),64))]),_:1},8,[`value`])]),f(e,{title:`显示徽标`,"allow-check":!0,"title-check":L.value,onChecked:J},{default:S(()=>[u(`div`,A,[a[5]||=d(` 数值 `,-1),u(`div`,null,[f(b(w),{style:{width:`100%`},value:R.value,"onUpdate:value":a[2]||=e=>R.value=e,onChange:Y},null,8,[`value`])])]),u(`div`,j,[a[6]||=d(` 颜色 `,-1),u(`div`,null,[f(b(r),{placeholder:`设置文本颜色，格式#FFFFFF`,type:1,value:B.value,onConfirmChange:X,onInputChange:Z},null,8,[`value`])])]),f(i,{title:`0是否显示`,tooltip:`当数值为0时，是否展示徽标`,checked:z.value,"onUpdate:checked":a[3]||=e=>z.value=e,onChange:Q},null,8,[`checked`])]),_:1},8,[`title-check`])]),_:3},8,[`class`]))}}),[[`__scopeId`,`data-v-aa4667e0`]]);export{M as default};