mirror of
https://github.com/mfish-qf/mfish-nocode-view.git
synced 2026-11-01 05:06:38 +08:00
1 line
3.3 KiB
JavaScript
1 line
3.3 KiB
JavaScript
import{Z as e,mr as t,pr as n,xt as r}from"./common.js";import{Fragment as i,createBlock as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,normalizeClass as d,openBlock as f,ref as p,renderList as m,renderSlot as h,toDisplayString as g,unref as _,watch as v,withCtx as y}from"vue";import{Checkbox as b,Input as x,RadioButton as S,RadioGroup as C}from"ant-design-vue";import{useDesign as w}from"@mfish/core/hooks";import{IconPicker as T}from"@mfish/core/components/Icon";var E={class:`title`},D={class:`title`},O={class:`check-group`},k=t(u({__name:`MfButtonConfig`,setup(t){let u=r(),{prefixCls:k}=w(`tag-config`),A=p(),j=p(),M=p(),N=[{title:`默认`,value:`default`},{title:`圆形`,value:`circle`},{title:`圆角`,value:`round`}],P=p(),F=[{title:`默认`,value:`default`},{title:`虚线`,value:`dashed`},{title:`幽灵`,value:`ghost`},{title:`链接`,value:`link`},{title:`文本`,value:`text`}];v(()=>u.getCurConfigComponent,e=>{e&&I()},{immediate:!0});function I(){A.value=u.getCurConfigComponent.chart.options.iconColor,j.value=u.getCurConfigComponent.chart.options.buttonColor,M.value=u.getCurConfigComponent.chart.options.shape||`default`,P.value=u.getCurConfigComponent.chart.options.type||`default`}function L(e){u.getCurConfigComponent.chart.data.dataSet.icon=e}function R(e){z(e),A.value=e}function z(e){u.getCurConfigComponent.chart.options.iconColor=e}function B(e){V(e),j.value=e}function V(e){u.getCurConfigComponent.chart.options.buttonColor=e}function H(){u.getCurConfigComponent.chart.options.shape=M.value}function U(){u.getCurConfigComponent.chart.options.type=P.value}return(t,r)=>(f(),a(e,{class:d(_(k))},{default:y(()=>[h(t.$slots,`default`,{},void 0,!0),r[7]||=s(`div`,{class:`title`},` 文本 `,-1),l(_(x),{value:_(u).getCurConfigComponent.chart.data.dataSet.title,"onUpdate:value":r[0]||=e=>_(u).getCurConfigComponent.chart.data.dataSet.title=e,"show-count":``,maxlength:50},null,8,[`value`]),r[8]||=s(`div`,{class:`title`},` 图标 `,-1),l(_(T),{value:_(u).getCurConfigComponent.chart.data.dataSet.icon,onChange:L},null,8,[`value`]),r[9]||=s(`div`,{class:`title`},` 文字颜色 `,-1),l(_(n),{placeholder:`设置文本颜色，格式#FFFFFF`,type:1,value:A.value,onConfirmChange:R,onInputChange:z},null,8,[`value`]),r[10]||=s(`div`,{class:`title`},` 按钮颜色 `,-1),l(_(n),{placeholder:`设置按钮颜色，格式#FFFFFF`,value:j.value,onConfirmChange:B,onInputChange:V},null,8,[`value`]),s(`div`,E,[r[4]||=c(` 按钮形状 `,-1),l(_(C),{size:`small`,value:M.value,"onUpdate:value":r[1]||=e=>M.value=e,onChange:H},{default:y(()=>[(f(),o(i,null,m(N,e=>l(_(S),{key:e.value,value:e.value},{default:y(()=>[c(g(e.title),1)]),_:2},1032,[`value`])),64))]),_:1},8,[`value`])]),s(`div`,D,[r[6]||=c(` 按钮类型 `,-1),s(`div`,O,[l(_(b),{checked:_(u).getCurConfigComponent.chart.options.ghost,"onUpdate:checked":r[2]||=e=>_(u).getCurConfigComponent.chart.options.ghost=e},{default:y(()=>[...r[5]||=[c(` 幽灵模式`,-1)]]),_:1},8,[`checked`])])]),l(_(C),{size:`small`,value:P.value,"onUpdate:value":r[3]||=e=>P.value=e,onChange:U},{default:y(()=>[(f(),o(i,null,m(F,e=>l(_(S),{key:e.value,value:e.value},{default:y(()=>[c(g(e.title),1)]),_:2},1032,[`value`])),64))]),_:1},8,[`value`])]),_:3},8,[`class`]))}}),[[`__scopeId`,`data-v-504946df`]]);export{k as default}; |