mirror of
https://github.com/mfish-qf/mfish-nocode-view.git
synced 2026-11-01 05:06:38 +08:00
1 line
2.9 KiB
JavaScript
1 line
2.9 KiB
JavaScript
import{Z as e,mr as t,pr as n,xt as r}from"./common.js";import{t as i}from"./TitleConfig.js";import{createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,normalizeClass as f,openBlock as p,ref as m,renderSlot as h,unref as g,watch as _,withCtx as v}from"vue";import{Checkbox as y,Input as b}from"ant-design-vue";import{useDesign as x}from"@mfish/core/hooks";import{IconPicker as S}from"@mfish/core/components/Icon";var C={key:0,class:`title`},w={class:`check-group`},T=t(d({__name:`MfDividerConfig`,props:{hideTitle:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1}},setup(t){let d=r(),{prefixCls:T}=x(`divider-config`),E=m(),D=m(!1),O=m(),k=m(!1);_(()=>d.getCurConfigComponent,e=>{e&&A()},{immediate:!0});function A(){E.value=d.getCurConfigComponent.chart.options.iconColor,D.value=d.getCurConfigComponent.chart.options?.type===`vertical`,O.value=d.getCurConfigComponent.chart.options.lineColor,k.value=d.getCurConfigComponent.chart.options.dashed}function j(e){d.getCurConfigComponent.chart.data.dataSet.icon=e}function M(e){N(e),E.value=e}function N(e){d.getCurConfigComponent.chart.options.iconColor=e}function P(){d.getCurConfigComponent.chart.options.type=D.value?`vertical`:`horizontal`;let e=d.getCurConfigComponent.chartContain.dropInfo.height,t=d.getCurConfigComponent.chartContain.dropInfo.width;d.getCurConfigComponent.chartContain.dropInfo.width=e,d.getCurConfigComponent.chartContain.dropInfo.height=t}function F(e){I(e),O.value=e}function I(e){d.getCurConfigComponent.chart.options.lineColor=e}function L(){d.getCurConfigComponent.chart.options.dashed=k.value}return(r,m)=>(p(),a(e,{class:f(g(T))},{default:v(()=>[h(r.$slots,`default`,{},void 0,!0),t.hideTitle?o(``,!0):(p(),s(`div`,C,`标题内容`)),t.hideTitle?o(``,!0):(p(),a(g(b),{key:1,value:g(d).getCurConfigComponent.chart.data.dataSet.title,"onUpdate:value":m[0]||=e=>g(d).getCurConfigComponent.chart.data.dataSet.title=e,"show-count":``,maxlength:50},null,8,[`value`])),u(i,{title:`标题样式`,"hide-align":!0}),m[5]||=c(`div`,{class:`title`},`图标`,-1),t.hideIcon?o(``,!0):(p(),a(g(S),{key:2,value:g(d).getCurConfigComponent.chart.data.dataSet.icon,onChange:j},null,8,[`value`])),u(g(n),{placeholder:`设置图标颜色，格式#FFFFFF`,type:1,value:E.value,onConfirmChange:M,onInputChange:N},null,8,[`value`]),m[6]||=c(`div`,{class:`title`},`线条颜色`,-1),u(g(n),{type:1,placeholder:`设置线条颜色，格式#FFFFFF`,value:O.value,onConfirmChange:F,onInputChange:I},null,8,[`value`]),c(`div`,w,[u(g(y),{checked:D.value,"onUpdate:checked":m[1]||=e=>D.value=e,onChange:P},{default:v(()=>[...m[3]||=[l(` 垂直方向`,-1)]]),_:1},8,[`checked`]),u(g(y),{checked:k.value,"onUpdate:checked":m[2]||=e=>k.value=e,onChange:L},{default:v(()=>[...m[4]||=[l(` 虚线`,-1)]]),_:1},8,[`checked`])])]),_:3},8,[`class`]))}}),[[`__scopeId`,`data-v-64e3b600`]]);export{T as default}; |