@easy-editor/materials-dashboard-bar-chart 0.0.2 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/component.min.js +3 -4
- package/dist/index.min.js +3 -4
- package/dist/meta.min.js +1 -2
- package/easypack.config.ts +10 -0
- package/package.json +6 -10
- package/src/component.tsx +311 -260
- package/src/configure.ts +220 -365
- package/src/index.tsx +7 -7
- package/src/meta.ts +21 -23
- package/src/snippets.ts +104 -79
- package/tsconfig.json +20 -9
- package/.vite/plugins/vite-plugin-external-deps.ts +0 -224
- package/.vite/plugins/vite-plugin-material-dev.ts +0 -218
- package/dist/component.esm.js +0 -34452
- package/dist/component.esm.js.map +0 -1
- package/dist/component.js +0 -34459
- package/dist/component.js.map +0 -1
- package/dist/component.min.js.map +0 -1
- package/dist/index.cjs +0 -34870
- package/dist/index.cjs.map +0 -1
- package/dist/index.esm.js +0 -34867
- package/dist/index.esm.js.map +0 -1
- package/dist/index.js +0 -34874
- package/dist/index.js.map +0 -1
- package/dist/index.min.js.map +0 -1
- package/dist/meta.esm.js +0 -441
- package/dist/meta.esm.js.map +0 -1
- package/dist/meta.js +0 -451
- package/dist/meta.js.map +0 -1
- package/dist/meta.min.js.map +0 -1
- package/dist/src/component.d.ts +0 -21
- package/dist/src/configure.d.ts +0 -7
- package/dist/src/constants.d.ts +0 -27
- package/dist/src/index.d.ts +0 -6
- package/dist/src/meta.d.ts +0 -3
- package/dist/src/snippets.d.ts +0 -3
- package/rollup.config.js +0 -212
- package/tsconfig.build.json +0 -12
- package/tsconfig.test.json +0 -7
- package/vite.config.ts +0 -54
package/dist/meta.min.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).
|
|
2
|
-
//# sourceMappingURL=meta.min.js.map
|
|
1
|
+
!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});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@easy-editor/materials-dashboard-bar-chart",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.4",
|
|
4
4
|
"description": "Bar Chart component for EasyEditor dashboard",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -44,24 +44,20 @@
|
|
|
44
44
|
"react": "^18 || ^19",
|
|
45
45
|
"react-dom": "^18 || ^19",
|
|
46
46
|
"@types/react": "^18 || ^19",
|
|
47
|
-
"@types/react-dom": "^18 || ^19"
|
|
47
|
+
"@types/react-dom": "^18 || ^19",
|
|
48
|
+
"echarts": "^5"
|
|
48
49
|
},
|
|
49
50
|
"dependencies": {
|
|
50
|
-
"
|
|
51
|
-
"@easy-editor/materials-shared": "0.0.0"
|
|
51
|
+
"@easy-editor/materials-shared": "0.0.1"
|
|
52
52
|
},
|
|
53
53
|
"scripts": {
|
|
54
|
-
"dev": "
|
|
54
|
+
"dev": "easypack dev",
|
|
55
55
|
"dev:debug": "vite --port 5003",
|
|
56
56
|
"format": "biome format --write .",
|
|
57
57
|
"lint": "biome check .",
|
|
58
58
|
"build": "npm-run-all -nl build:*",
|
|
59
59
|
"build:clean": "rimraf dist/",
|
|
60
|
-
"build:js": "
|
|
61
|
-
"build:types": "pnpm types",
|
|
62
|
-
"types": "npm-run-all -nl types:*",
|
|
63
|
-
"types:src": "tsc --project tsconfig.build.json",
|
|
64
|
-
"test-types": "tsc --project tsconfig.test.json"
|
|
60
|
+
"build:js": "easypack build"
|
|
65
61
|
},
|
|
66
62
|
"module": "dist/index.esm.js",
|
|
67
63
|
"unpkg": "dist/index.min.js"
|