@easy-editor/materials-dashboard-line-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).EasyEditorMaterialsLineChartMeta={})}(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="EasyEditorMaterialsLineChart";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:"style",title:"样式",items:[{name:"colors",title:"颜色",setter:{componentName:"ArraySetter",props:{itemSetter:"ColorSetter"}}},{name:"strokeWidth",title:"线条宽度",setter:{componentName:"SliderSetter",props:{min:1,max:10,step:1,suffix:"px"}},extraProps:{defaultValue:2}},{name:"smooth",title:"平滑曲线",setter:"SwitchSetter",extraProps:{defaultValue:!0}},{name:"areaFill",title:"区域填充",setter:"SwitchSetter",extraProps:{defaultValue:!1}},{name:"glowEffect",title:"发光效果",setter:"SwitchSetter",extraProps:{defaultValue:!0}}]},{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"}},{name:"showTooltip",title:"显示提示",setter:"SwitchSetter",extraProps:{defaultValue:!0}}]}]}],{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-line-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"],showGrid:!0,showLegend:!0,glowEffect:!0,strokeWidth:2,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"],showGrid:!0,showLegend:!0,glowEffect:!0,strokeWidth:2,areaFill:!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"],showGrid:!0,showLegend:!1,glowEffect:!0,strokeWidth:3,rotation:0,opacity:100,background:"transparent"},$dashboard:{rect:{width:300,height:200}}}}],configure:p};e.meta=u});