Files
mfish-nocode-view/packages/nocode/core/EchartsSeriesLabelConfig.js

1 line
2.7 KiB
JavaScript

import{Q as e,_n as t,mr as n,xt as r}from"./common.js";import{t as i}from"./TextStyle.js";import{createElementBlock 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{Select as g}from"ant-design-vue";import{useDesign as _}from"@mfish/core/hooks";var v={class:`title`},y=n(l({__name:`EchartsSeriesLabelConfig`,props:{series:{type:Object,default:()=>{}}},emits:[`labelChange`],setup(n,{emit:l}){let y=n,b=l,{prefixCls:x}=_(`echarts-series-label-config`),S=f(y.series),C=f({}),w=f(`inside`),T=[{label:`上`,value:`top`},{label:`下`,value:`bottom`},{label:`左`,value:`left`},{label:`右`,value:`right`},{label:`内`,value:`inside`},{label:`内左`,value:`insideLeft`},{label:`内右`,value:`insideRight`},{label:`内上`,value:`insideTop`},{label:`内下`,value:`insideBottom`},{label:`内上左`,value:`insideTopLeft`},{label:`内上右`,value:`insideTopRight`},{label:`内下左`,value:`insideBottomLeft`},{label:`内下右`,value:`insideBottomRight`}],E=r();m(()=>E.getCurConfigComponent,e=>{e&&D()},{immediate:!0});function D(){S.value.label?.position!==void 0&&(w.value=S.value.label.position),C.value={},C.value.font=S.value?.label?.fontFamily,C.value.fontSize=S.value?.label?.fontSize?.replace(`px`,``),C.value.textColor=S.value?.label?.color;let e=S.value?.label?.fontStyle?{italic:!0}:{},t=S.value?.label?.fontWeight?{bold:!0}:{};C.value.fontStyle={...e,...t},C.value.hAlignType=S.value?.label?.align,C.value.vAlignType=S.value?.label?.verticalAlign}function O(e){S.value.label={...S.value.label,show:e},b(`labelChange`,S.value)}function k(e){S.value.label.align=e.value,b(`labelChange`,S.value)}function A(e){S.value.label.verticalAlign=e.value,b(`labelChange`,S.value)}function j(e){delete S.value?.label?.fontStyle,delete S.value?.label?.fontWeight,M(e)}function M(e){S.value.label={...S.value?.label,...e.style},b(`labelChange`,S.value)}function N(){S.value.label.position=w.value,b(`labelChange`,S.value)}return(r,l)=>(d(),a(`div`,{class:u(p(x))},[c(e,{title:`标签设置`,"default-expand":!1,"allow-check":!0,"title-check":n.series?.label?.show,onChecked:O},{default:h(()=>[c(i,{"hide-font-style":[p(t).Underline,p(t).Strikethrough],"color-type":1,"vertical-align":!0,"text-style":C.value,onFontChange:M,onSizeChange:M,onFontStyleChange:j,onColorChange:M,onHAlignChange:k,onVAlignChange:A},null,8,[`hide-font-style`,`text-style`]),o(`div`,v,[l[1]||=s(` 标签位置 `,-1),c(p(g),{value:w.value,"onUpdate:value":l[0]||=e=>w.value=e,options:T,"show-search":!1,"filter-option":!1,placeholder:`请选择`,onChange:N},null,8,[`value`])])]),_:1},8,[`title-check`])],2))}}),[[`__scopeId`,`data-v-21531387`]]);export{y as t};