mirror of
https://github.com/mfish-qf/mfish-nocode-view.git
synced 2026-11-01 05:06:38 +08:00
1 line
3.4 KiB
JavaScript
1 line
3.4 KiB
JavaScript
import{Q as e,mr as t,xt as n}from"./common.js";import{t as r}from"./EchartsSeriesLabelConfig.js";import{Fragment as i,createCommentVNode 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,toDisplayString as h,unref as g,watch as _,withCtx as v}from"vue";import{RadioButton as y,RadioGroup as b,Slider as x}from"ant-design-vue";import{useDesign as S}from"@mfish/core/hooks";var C={class:`title`},w={key:0,class:`title`},T=t(u({__name:`MfEffectScatterConfig`,props:{config:{type:Object,default:void 0},allowCheck:{type:Boolean,default:!0},defaultExpand:{type:Boolean,default:!1}},emits:[`change`,`showScatterChecked`],setup(t,{emit:u}){let T=t,E=u,{prefixCls:D}=S(`effect-scatter-config`),O=n(),k=p(`circle`),A=[{title:`圆形`,value:`circle`},{title:`方形`,value:`rect`},{title:`三角形`,value:`triangle`},{title:`菱形`,value:`diamond`},{title:`定位`,value:`pin`},{title:`箭头`,value:`arrow`}],j=p(`stroke`),M=[{title:`描边`,value:`stroke`},{title:`填充`,value:`fill`}],N=p(10),P=p(0),F=p(!0),I=p(3),L=p(),R=p(!0);_(()=>O.getCurConfigComponent,e=>{e&&z()},{immediate:!0}),_(()=>T.config,e=>{R.value=!!e,e&&z()},{immediate:!0});function z(){L.value=T.config,L.value&&(L.value.symbol!==void 0&&(k.value=L.value.symbol),L.value.symbolSize!==void 0&&(N.value=L.value.symbolSize),L.value.symbolRotate!==void 0&&(P.value=L.value.symbolRotate),L.value.label?.show!==void 0&&(F.value=L.value.label.show),L.value.rippleEffect?.brushType!==void 0&&(j.value=L.value.rippleEffect.brushType))}function B(e){E(`showScatterChecked`,e)}function V(){L.value.symbol=k.value,E(`change`,L.value)}function H(e){L.value.symbolSize=e,E(`change`,L.value)}function U(e){L.value.symbolRotate=e,E(`change`,L.value)}function W(e){L.value.label={...L.value.label,...e.label},E(`change`,L.value)}function G(){L.value.rippleEffect={...L.value.rippleEffect,brushType:j.value},E(`change`,L.value)}function K(e){L.value.rippleEffect={...L.value.rippleEffect,number:e},E(`change`,L.value)}return(n,u)=>(f(),o(`div`,{class:d(g(D))},[l(e,{title:`气泡配置`,"default-expand":t.defaultExpand,"allow-check":t.allowCheck,"title-check":R.value,onChecked:B},{default:v(()=>[u[9]||=s(`div`,{class:`title`},` 形状`,-1),l(g(b),{size:`small`,value:k.value,"onUpdate:value":u[0]||=e=>k.value=e,onChange:V},{default:v(()=>[(f(),o(i,null,m(A,e=>l(g(y),{key:e.value,value:e.value},{default:v(()=>[c(h(e.title),1)]),_:2},1032,[`value`])),64))]),_:1},8,[`value`]),s(`div`,C,[u[5]||=c(` 大小 `,-1),l(g(x),{value:N.value,"onUpdate:value":u[1]||=e=>N.value=e,min:5,max:50,onChange:H},null,8,[`value`]),u[6]||=c(` 角度 `,-1),l(g(x),{value:P.value,"onUpdate:value":u[2]||=e=>P.value=e,min:0,max:360,onChange:U},null,8,[`value`])]),l(r,{series:L.value,onLabelChange:W},null,8,[`series`]),g(O).getCurConfigComponent?.chart?.options?.geo?(f(),o(`div`,w,[u[7]||=c(` 涟漪类型 `,-1),l(g(b),{size:`small`,value:j.value,"onUpdate:value":u[3]||=e=>j.value=e,onChange:G},{default:v(()=>[(f(),o(i,null,m(M,e=>l(g(y),{key:e.value,value:e.value},{default:v(()=>[c(h(e.title),1)]),_:2},1032,[`value`])),64))]),_:1},8,[`value`]),u[8]||=c(` 数量 `,-1),s(`div`,null,[l(g(x),{value:I.value,"onUpdate:value":u[4]||=e=>I.value=e,min:0,max:10,onChange:K},null,8,[`value`])])])):a(``,!0)]),_:1},8,[`default-expand`,`allow-check`,`title-check`])],2))}}),[[`__scopeId`,`data-v-0f7c5b4d`]]);export{T as t}; |