@easy-editor/materials-dashboard-bar-chart 0.0.4 → 0.0.5

package/dist/meta.min.js

@@ -1 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).EasyEditorMaterialsBarChartMeta={})}(this,function(e){"use strict";const t=(e,t)=>{const a=Array.isArray(e)?e:[e],r=a[0]||{};return{sourceType:"static",staticData:a,fieldMappings:Object.keys(r).map(e=>({componentField:e,sourceField:e}))}},a=(e,t,a)=>({type:"group",title:e,setter:{componentName:"CollapseSetter",props:{icon:!1,...a}},items:t}),r={name:"nodeInfo",title:"节点信息",setter:"NodeInfoSetter",extraProps:{label:!1}},o=a("基础配置",[{name:"title",title:"标题",setter:"StringSetter",extraProps:{getValue:e=>e.getExtraPropValue("title"),setValue(e,t){e.setExtraPropValue("title",t)}}},{name:"rect",title:"位置尺寸",setter:"RectSetter",extraProps:{getValue:e=>e.getExtraPropValue("$dashboard.rect"),setValue(e,t){e.setExtraPropValue("$dashboard.rect",t)}}},{name:"rotation",title:"旋转角度",setter:{componentName:"SliderSetter",props:{min:0,max:360,suffix:"°"}},extraProps:{defaultValue:0}},{name:"opacity",title:"不透明度",setter:{componentName:"SliderSetter",props:{min:0,max:100,suffix:"%"}},extraProps:{defaultValue:100}},{name:"background",title:"背景颜色",setter:"ColorSetter",extraProps:{defaultValue:"transparent"}}]),l=[{title:"点击事件",children:[{label:"点击",value:"onClick",description:"鼠标点击时触发"},{label:"双击",value:"onDoubleClick",description:"鼠标双击时触发"}]},{title:"鼠标事件",children:[{label:"鼠标进入",value:"onMouseEnter",description:"鼠标进入时触发"},{label:"鼠标离开",value:"onMouseLeave",description:"鼠标离开时触发"}]}],i=((e=l)=>a("事件绑定",[{name:"events",title:"事件",setter:{componentName:"EventSetter",props:{events:e}},extraProps:{label:!1}}]))(),s=a("高级配置",[{title:"条件渲染",setter:"SwitchSetter",extraProps:{supportVariable:!0,getValue:e=>e.getNode().getExtraPropValue("condition"),setValue(e,t){e.getNode().setExtraProp("condition",t)}}}]),n="EasyEditorMaterialsBarChart";const p=((e,t)=>({props:[{type:"group",title:"属性",setter:"TabSetter",items:[{type:"group",key:"config",title:"配置",items:[r,o,e]},{type:"group",key:"data",title:"数据",items:[r,t]},{type:"group",key:"advanced",title:"高级",items:[r,i,s]}]}],component:{},supports:{},advanced:{}}))(a("组件配置",[{type:"group",title:"组件配置",setter:"SubTabSetter",items:[{type:"group",key:"chartData",title:"数据",items:[{name:"xField",title:"X轴字段",setter:"StringSetter",extraProps:{defaultValue:"name"}},{name:"yFields",title:"Y轴字段",setter:{componentName:"ArraySetter",props:{itemSetter:"StringSetter"}},extraProps:{defaultValue:["value1","value2"]}}]},{type:"group",key:"axis",title:"坐标轴",items:[{name:"xAxisLabel",title:"X轴标签",setter:"StringSetter"},{name:"yAxisLabel",title:"Y轴标签",setter:"StringSetter"},{name:"xAxisVisible",title:"显示X轴",setter:"SwitchSetter",extraProps:{defaultValue:!0}},{name:"yAxisVisible",title:"显示Y轴",setter:"SwitchSetter",extraProps:{defaultValue:!0}},{name:"axisLabelRotate",title:"标签旋转",setter:{componentName:"SliderSetter",props:{min:-90,max:90,step:15,suffix:"°"}},extraProps:{defaultValue:0}}]},{type:"group",key:"style",title:"样式",items:[{name:"layout",title:"布局方向",setter:{componentName:"SegmentedSetter",props:{options:[{label:"垂直",value:"vertical"},{label:"水平",value:"horizontal"}]}},extraProps:{defaultValue:"vertical"}},{name:"stacked",title:"堆叠模式",setter:"SwitchSetter",extraProps:{defaultValue:!1}},{name:"gradient",title:"渐变填充",setter:"SwitchSetter",extraProps:{defaultValue:!0}},{name:"borderRadius",title:"圆角",setter:{componentName:"SliderSetter",props:{min:0,max:20,step:1,suffix:"px"}},extraProps:{defaultValue:4}},{name:"colors",title:"颜色",setter:{componentName:"ArraySetter",props:{itemSetter:"ColorSetter"}}}]},{type:"group",key:"legend",title:"图例",items:[{name:"showGrid",title:"显示网格",setter:"SwitchSetter",extraProps:{defaultValue:!0}},{name:"showLegend",title:"显示图例",setter:"SwitchSetter",extraProps:{defaultValue:!0}},{name:"legendPosition",title:"图例位置",setter:{componentName:"SelectSetter",props:{options:[{label:"顶部",value:"top"},{label:"底部",value:"bottom"},{label:"左侧",value:"left"},{label:"右侧",value:"right"}]}},extraProps:{defaultValue:"bottom"}}]}]}],{padding:"6px 16px 12px"}),{name:"$data",title:"数据配置",setter:{componentName:"DataSetter",props:{expectedFields:[{name:"name",label:"name",type:"string",required:!0,description:"类目名称"},{name:"value1",label:"value1",type:"number",required:!0,description:"数值1"},{name:"value2",label:"value2",type:"number",required:!1,description:"数值2"}],showPreview:!0,previewLimit:10}},extraProps:{label:!1}}),d=[{name:"A",value1:120,value2:80},{name:"B",value1:200,value2:120},{name:"C",value1:150,value2:100},{name:"D",value1:280,value2:180},{name:"E",value1:220,value2:140}];const u={componentName:n,title:"柱状图",group:"chart",devMode:"proCode",npm:{package:"@easy-editor/materials-dashboard-bar-chart",version:"0.0.4",globalName:n,componentName:n},snippets:[{title:"柱状图",screenshot:"",schema:{componentName:n,title:"柱状图",props:{$data:t(d),xField:"name",yFields:["value1","value2"],layout:"vertical",stacked:!1,gradient:!0,borderRadius:4,showGrid:!0,showLegend:!0,rotation:0,opacity:100,background:"transparent"},$dashboard:{rect:{width:400,height:300}}}},{title:"堆叠柱状图",screenshot:"",schema:{componentName:n,title:"堆叠柱状图",props:{$data:t(d),xField:"name",yFields:["value1","value2"],layout:"vertical",stacked:!0,gradient:!0,borderRadius:4,showGrid:!0,showLegend:!0,rotation:0,opacity:100,background:"transparent"},$dashboard:{rect:{width:400,height:300}}}},{title:"水平柱状图",screenshot:"",schema:{componentName:n,title:"水平柱状图",props:{$data:t(d),xField:"name",yFields:["value1"],layout:"horizontal",stacked:!1,gradient:!0,borderRadius:4,showGrid:!0,showLegend:!1,rotation:0,opacity:100,background:"transparent"},$dashboard:{rect:{width:400,height:250}}}}],configure:p};e.meta=u});