mirror of
https://github.com/mfish-qf/mfish-nocode-view.git
synced 2026-11-01 21:22:00 +08:00
1 line
7.5 KiB
JavaScript
1 line
7.5 KiB
JavaScript
import{Q as e,Z as t,_r as n,hr as r,mr as i,pr as a,xt as o}from"./common.js";import{n as s}from"./EchartsBaseConfig.js";import{t as c}from"./EchartsLegendConfig.js";import{n as l,t as u}from"./EchartsAxisConfig.js";import{n as d,t as f}from"./UseEchartsSeriesConfig.js";import{t as p}from"./EchartsSeriesLabelConfig.js";import{Fragment as m,computed as h,createBlock as g,createCommentVNode as _,createElementBlock as v,createElementVNode as y,createTextVNode as b,createVNode as x,defineComponent as S,normalizeClass as C,openBlock as w,reactive as T,ref as E,renderList as D,toDisplayString as O,unref as k,watch as A,withCtx as j}from"vue";import{Checkbox as M,RadioButton as N,RadioGroup as P,Slider as F}from"ant-design-vue";import{useDesign as I,useMessage as L}from"@mfish/core/hooks";import*as R from"echarts";var ee={class:`title`},te={class:`title`},ne={key:0,class:`title`},re={key:1,class:`title`},ie={key:2,class:`title`},ae={key:3,class:`check-group`},oe={class:`title`},z={class:`title`},B=i(S({__name:`EchartsSeriesConfig`,props:{title:{type:String,default:`柱体样式`},series:{type:Object,default:()=>{}}},emits:[`seriesChange`],setup(t,{emit:i}){let s=t,c=i,{prefixCls:l}=I(`echarts-series-config`),u=E(s.series),{createMessage:d}=L(),f=o(),g=E(`bar`),S=[{title:`柱体`,value:`bar`},{title:`折线`,value:`line`}],B=E(),V=E(),H=E(0),U=T([0,0,0,0]),W=h(()=>Math.round(f.getCurConfigComponent.chartContain.dropInfo.width/10)),G=E(0),K=E(!1),q=E(!1),J=E(!1);A(()=>f.getCurConfigComponent,e=>{e&&Y()},{immediate:!0});function Y(){u.value.itemStyle?.linearGradientColor===void 0?u.value.itemStyle?.color!==void 0&&(B.value=u.value.itemStyle.color):B.value=u.value.itemStyle?.linearGradientColor,u.value.itemStyle?.borderRadius!==void 0&&(H.value=u.value.itemStyle.borderRadius[0],U[0]=u.value.itemStyle.borderRadius[0],U[1]=u.value.itemStyle.borderRadius[1],U[2]=u.value.itemStyle.borderRadius[2],U[3]=u.value.itemStyle.borderRadius[3]),u.value.backgroundStyle?.color!==void 0&&(V.value=u.value.backgroundStyle.color),u.value.backgroundStyle?.borderRadius!==void 0&&(G.value=u.value.backgroundStyle.borderRadius),u.value.smooth!==void 0&&(K.value=u.value.smooth),u.value.areaStyle!==void 0&&(q.value=!0),u.value.stack!==void 0&&(J.value=!0),u.value.type!==void 0&&(g.value=u.value.type)}function se(e){e(JSON.stringify({series:u.value}))}function ce(){u.value={...u.value,type:g.value},c(`seriesChange`,u.value)}function le(e){let t=JSON.parse(e);t&&t.series?(u.value=t.series,Y(),c(`seriesChange`,u.value)):d.warning(`粘贴失败，无配置或不匹配`)}function ue(e){u.value={...u.value,showBackground:e},c(`seriesChange`,u.value)}function de(e){X(e),B.value=e}function X(e){if(!e){delete u.value.itemStyle?.color,c(`seriesChange`,u.value);return}if(e.startsWith(`linear-gradient(`)){let t=n(e),i=r(t.deg),a=t.colors.map(e=>({offset:e.rgbaLength.replace(`%`,``)/100,color:e.rgba}));u.value.itemStyle={...u.value?.itemStyle,color:new R.graphic.LinearGradient(i.x1,i.y1,i.x2,i.y2,a)},u.value.itemStyle.linearGradientColor=e}else u.value.itemStyle={...u.value?.itemStyle,color:e},delete u.value.itemStyle.linearGradientColor;c(`seriesChange`,u.value)}function fe(){for(let e in U)U[e]=H.value;Z()}function Z(){u.value.itemStyle={...u.value?.itemStyle,borderRadius:U},c(`seriesChange`,u.value)}function pe(e){Q(e),V.value=e}function Q(e){if(!e){delete u.value.backgroundStyle?.color,c(`seriesChange`,u.value);return}u.value.backgroundStyle={...u.value?.backgroundStyle,color:e},c(`seriesChange`,u.value)}function $(){u.value.backgroundStyle={...u.value?.backgroundStyle,borderRadius:G.value},c(`seriesChange`,u.value)}function me(){u.value.smooth=K.value,c(`seriesChange`,u.value)}function he(){q.value?u.value.areaStyle={}:delete u.value.areaStyle,c(`seriesChange`,u.value)}function ge(){J.value?u.value.stack=`total`:delete u.value.stack,c(`seriesChange`,u.value)}function _e(e){u.value.label={...u.value?.label,...e.label},c(`seriesChange`,u.value)}return(n,r)=>(w(),v(`div`,{class:C(k(l))},[x(e,{title:t.title,"default-expand":!1,"allow-copy":!0,onCopy:se,onPaste:le},{default:j(()=>[x(e,{title:`图形样式`},{default:j(()=>[y(`div`,ee,[r[10]||=b(` 图形类型 `,-1),x(k(P),{size:`small`,value:g.value,"onUpdate:value":r[0]||=e=>g.value=e,onChange:ce},{default:j(()=>[(w(),v(m,null,D(S,(e,t)=>x(k(N),{key:t,value:e.value},{default:j(()=>[b(O(e.title),1)]),_:2},1032,[`value`])),64))]),_:1},8,[`value`])]),y(`div`,te,[r[11]||=b(` 图形颜色 `,-1),y(`div`,null,[x(k(a),{placeholder:`设置图形颜色，格式#FFFFFF`,value:B.value,onConfirmChange:de,onInputChange:X},null,8,[`value`])])]),u.value.type===`bar`?(w(),v(`div`,ne,[r[12]||=b(` 圆角 `,-1),x(k(F),{value:H.value,"onUpdate:value":r[1]||=e=>H.value=e,min:0,max:W.value,onChange:fe},null,8,[`value`,`max`])])):_(``,!0),u.value.type===`bar`?(w(),v(`div`,re,[r[13]||=b(` 左上 `,-1),x(k(F),{"tip-formatter":e=>`左上圆角：${e}`,value:U[0],"onUpdate:value":r[2]||=e=>U[0]=e,min:0,max:W.value,onChange:Z},null,8,[`tip-formatter`,`value`,`max`]),r[14]||=b(` 右上 `,-1),x(k(F),{"tip-formatter":e=>`右上圆角：${e}`,value:U[1],"onUpdate:value":r[3]||=e=>U[1]=e,min:0,max:W.value,onChange:Z},null,8,[`tip-formatter`,`value`,`max`])])):_(``,!0),u.value.type===`bar`?(w(),v(`div`,ie,[r[15]||=b(` 左下 `,-1),x(k(F),{"tip-formatter":e=>`左下圆角：${e}`,value:U[3],"onUpdate:value":r[4]||=e=>U[3]=e,min:0,max:W.value,onChange:Z},null,8,[`tip-formatter`,`value`,`max`]),r[16]||=b(` 右下 `,-1),x(k(F),{"tip-formatter":e=>`右下圆角：${e}`,value:U[2],"onUpdate:value":r[5]||=e=>U[2]=e,min:0,max:W.value,onChange:Z},null,8,[`tip-formatter`,`value`,`max`])])):_(``,!0),x(k(M),{checked:J.value,"onUpdate:checked":r[6]||=e=>J.value=e,onChange:ge},{default:j(()=>[b(` 堆叠`+O(u.value?.type===`line`?`折线图`:`柱状图`),1)]),_:1},8,[`checked`]),u.value.type===`line`?(w(),v(`div`,ae,[x(k(M),{checked:K.value,"onUpdate:checked":r[7]||=e=>K.value=e,onChange:me},{default:j(()=>[...r[17]||=[b(` 平滑折线`,-1)]]),_:1},8,[`checked`]),x(k(M),{checked:q.value,"onUpdate:checked":r[8]||=e=>q.value=e,onChange:he},{default:j(()=>[...r[18]||=[b(` 面积折线`,-1)]]),_:1},8,[`checked`])])):_(``,!0)]),_:1}),x(p,{series:t.series,onLabelChange:_e},null,8,[`series`]),x(e,{title:`背景设置`,"default-expand":!1,"allow-check":!0,"title-check":t.series?.showBackground,onChecked:ue},{default:j(()=>[y(`div`,oe,[r[19]||=b(` 背景颜色 `,-1),y(`div`,null,[x(k(a),{placeholder:`设置背景颜色，格式#FFFFFF`,type:1,value:V.value,onConfirmChange:pe,onInputChange:Q},null,8,[`value`])])]),y(`div`,z,[r[20]||=b(` 圆角 `,-1),x(k(F),{value:G.value,"onUpdate:value":r[9]||=e=>G.value=e,step:1,min:0,max:W.value,onChange:$},null,8,[`value`,`max`])])]),_:1},8,[`title-check`])]),_:1},8,[`title`])],2))}}),[[`__scopeId`,`data-v-93add443`]]),V=i(S({__name:`MfBarLineConfig`,setup(e){let{prefixCls:n}=I(`bar-line-config`),r=o(),{seriesChange:i}=f();function a(e){r.getCurConfigComponent.chart.options.xAxis=e}function p(e){r.getCurConfigComponent.chart.options.yAxis=e}return(e,o)=>(w(),g(t,{class:C(k(n))},{default:j(()=>[x(l),x(s),x(d),x(c),x(u,{axis:k(r).getCurConfigComponent.chart.options.xAxis,onAxisChange:a},null,8,[`axis`]),x(u,{"axis-type":`Y`,axis:k(r).getCurConfigComponent.chart.options.yAxis,onAxisChange:p},null,8,[`axis`]),(w(!0),v(m,null,D(k(r).getCurConfigComponent.chart.options?.series,(e,t)=>(w(),g(B,{title:`${e?.type===`line`?`折线图`:`柱状图`}-${t+1}`,key:t,series:e,onSeriesChange:e=>k(i)(e,t)},null,8,[`title`,`series`,`onSeriesChange`]))),128))]),_:1},8,[`class`]))}}),[[`__scopeId`,`data-v-cb158c30`]]);export{V as default}; |