| 1 |
- /* empty css */import{d as y,r as s,o as m,A,w as i,b as n,u as e,c as x,F as I,p as V,B as w,e as _,Q as g,$ as H,f as $}from"./index-93381b89.js";import"./chartEditStore-15504e7d.js";import{S as v}from"./SettingItemBox-b21a2e29.js";import{i as j}from"./icon-cac1aa16.js";import{S as q}from"./StylesSetting-d1772a2c.js";import{u as D}from"./useTargetData.hook-6051020c.js";import"./plugin-83ab11e4.js";import"./SettingItem-151c8eef.js";import"./CollapseItem.vue_vue_type_script_setup_true_lang-e70b2a99.js";import"./logo-f20f88ae.js";const U=y({__name:"NameSetting",props:{chartConfig:{type:Object,required:!0}},setup(t){const a=t;let r="";const u=()=>{r=a.chartConfig.title},p=()=>{a.chartConfig.title.length||(window.$message.warning("请输入至少一个字符!"),a.chartConfig.title=r)};return(h,f)=>{const l=s("n-input");return m(),A(e(v),{name:"名称",alone:!0},{default:i(()=>[n(l,{type:"text",maxlength:"12",minlength:"1",placeholder:"请输入图表名称",size:"small",clearable:"","show-count":"",value:t.chartConfig.title,"onUpdate:value":f[0]||(f[0]=o=>t.chartConfig.title=o),onFocus:u,onBlur:p},null,8,["value"])]),_:1})}}}),F=y({__name:"PositionSetting",props:{canvasConfig:{type:Object,required:!0},chartAttr:{type:Object,required:!0}},setup(t){const{AlignHorizontalLeftIcon:a,AlignVerticalCenterIcon:r,AlignVerticalTopIcon:u,AlignHorizontalCenterIcon:p,AlignHorizontalRightIcon:h,AlignVerticalBottomIcon:f}=j.carbon,l=[{key:"AlignHorizontalLeftIcon",lable:"局左",icon:g(a)},{key:"AlignVerticalCenterIcon",lable:"X轴居中",icon:g(r)},{key:"AlignHorizontalRightIcon",lable:"局右",icon:g(h)},{key:"AlignVerticalTopIcon",lable:"顶部",icon:g(u)},{key:"AlignHorizontalCenterIcon",lable:"Y轴居中",icon:g(p)},{key:"AlignVerticalBottomIcon",lable:"底部",icon:g(f)}],o=t,z=C=>{switch(C){case l[0].key:o.chartAttr.x=0;break;case l[1].key:o.chartAttr.y=(o.canvasConfig.height-o.chartAttr.h)/2;break;case l[2].key:o.chartAttr.x=o.canvasConfig.width-o.chartAttr.w;break;case l[3].key:o.chartAttr.y=0;break;case l[4].key:o.chartAttr.x=(o.canvasConfig.width-o.chartAttr.w)/2;break;case l[5].key:o.chartAttr.y=o.canvasConfig.height-o.chartAttr.h;break}};return(C,c)=>{const S=s("n-divider"),B=s("n-button"),G=s("n-space"),b=s("n-text"),k=s("n-input-number");return m(),x(I,null,[n(S,{style:{margin:"10px 0"}}),n(G,{size:8,justify:"space-between",style:{"margin-top":"10px"}},{default:i(()=>[(m(),x(I,null,V(l,d=>n(B,{secondary:"",key:d.key,onClick:T=>z(d.key)},{icon:i(()=>[(m(),A(w(d.icon)))]),_:2},1032,["onClick"])),64))]),_:1}),n(e(v),{name:"位置"},{default:i(()=>[n(k,{value:t.chartAttr.y,"onUpdate:value":c[0]||(c[0]=d=>t.chartAttr.y=d),min:0,size:"small",placeholder:"px"},{prefix:i(()=>[n(b,{depth:"3"},{default:i(()=>c[2]||(c[2]=[_("上")])),_:1})]),_:1},8,["value"]),n(k,{value:t.chartAttr.x,"onUpdate:value":c[1]||(c[1]=d=>t.chartAttr.x=d),min:0,size:"small",placeholder:"px"},{prefix:i(()=>[n(b,{depth:"3"},{default:i(()=>c[3]||(c[3]=[_("左")])),_:1})]),_:1},8,["value"])]),_:1})],64)}}}),L=y({__name:"SizeSetting",props:{chartAttr:{type:Object,required:!0},isGroup:{type:Boolean,required:!1}},setup(t){return(a,r)=>{const u=s("n-text"),p=s("n-input-number");return m(),A(e(v),{name:"尺寸"},{default:i(()=>[n(p,{value:t.chartAttr.w,"onUpdate:value":r[0]||(r[0]=h=>t.chartAttr.w=h),min:50,disabled:t.isGroup,size:"small",placeholder:"px"},{prefix:i(()=>[n(u,{depth:"3"},{default:i(()=>r[2]||(r[2]=[_("宽度")])),_:1})]),_:1},8,["value","disabled"]),n(p,{value:t.chartAttr.h,"onUpdate:value":r[1]||(r[1]=h=>t.chartAttr.h=h),min:50,disabled:t.isGroup,size:"small",placeholder:"px"},{prefix:i(()=>[n(u,{depth:"3"},{default:i(()=>r[3]||(r[3]=[_("高度")])),_:1})]),_:1},8,["value","disabled"])]),_:1})}}}),N={key:0,class:"go-chart-configurations-setting"},O=y({__name:"index",setup(t){const{targetData:a,chartEditStore:r}=D();return(u,p)=>e(a)?(m(),x("div",N,[n(e(U),{chartConfig:e(a).chartConfig},null,8,["chartConfig"]),n(e(L),{isGroup:e(a).isGroup,chartAttr:e(a).attr},null,8,["isGroup","chartAttr"]),n(e(F),{chartAttr:e(a).attr,canvasConfig:e(r).getEditCanvasConfig},null,8,["chartAttr","canvasConfig"]),n(e(q),{isGroup:e(a).isGroup,chartStyles:e(a).styles},null,8,["isGroup","chartStyles"]),(m(),A(w(e(a).chartConfig.conKey),{optionData:e(a).option},null,8,["optionData"]))])):H("",!0)}});const tt=$(O,[["__scopeId","data-v-246c8460"]]);export{tt as default};
|
