@pisell/charts-materials 1.0.74 → 1.0.75

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.
Files changed (20) hide show
  1. package/README.md +2 -2
  2. package/es/area/index.d.ts +7 -7
  3. package/es/bar/index.d.ts +7 -7
  4. package/es/column/index.d.ts +7 -7
  5. package/es/index.d.ts +6 -6
  6. package/es/line/index.d.ts +8 -8
  7. package/es/pie/index.d.ts +7 -7
  8. package/lib/area/index.d.ts +7 -7
  9. package/lib/bar/index.d.ts +7 -7
  10. package/lib/column/index.d.ts +7 -7
  11. package/lib/index.d.ts +6 -6
  12. package/lib/line/index.d.ts +8 -8
  13. package/lib/pie/index.d.ts +7 -7
  14. package/lowcode/area/meta.ts +135 -135
  15. package/lowcode/bar/meta.ts +154 -154
  16. package/lowcode/column/meta.ts +154 -154
  17. package/lowcode/common/chartWrap.ts +25 -25
  18. package/lowcode/line/meta.ts +157 -157
  19. package/lowcode/pie/meta.ts +259 -259
  20. package/package.json +2 -2
package/lowcode/bar/meta.ts CHANGED
@@ -1,154 +1,154 @@
1
- import { ComponentMetadata, Snippet } from "@alilc/lowcode-types";
2
- import { chartWrap } from "../common/chartWrap";
3
-
4
- const BarMeta: ComponentMetadata = {
5
- componentName: "Bar",
6
- title: "折线图",
7
- category: "图表",
8
- group: "精选组件",
9
- docUrl: "",
10
- screenshot: "",
11
- devMode: "proCode",
12
- npm: {
13
- package: "@pisell/charts-materials",
14
- version: "1.0.0",
15
- exportName: "Bar",
16
- main: "src/index.ts",
17
- destructuring: true,
18
- subName: "",
19
- },
20
- props: [
21
- // 数据
22
- {
23
- name: 'data',
24
- type: 'group',
25
- display: 'accordion',
26
- title: {
27
- label: '数据',
28
- },
29
- items: [
30
- {
31
- name: 'data',
32
- title: '图表数据',
33
- setter: 'JsonSetter',
34
- },
35
- {
36
- name: 'xField',
37
- title: {
38
- label: 'x轴字段名',
39
- tip: 'x 方向映射对应的数据字段名',
40
- },
41
- setter: 'StringSetter',
42
- },
43
- {
44
- name: 'yField',
45
- title: {
46
- label: 'y轴字段名',
47
- tip: 'y 方向映射所对应的数据字段名',
48
- },
49
- setter: 'StringSetter',
50
- },
51
- ],
52
- },
53
-
54
- // 图标容器
55
- chartWrap,
56
- // 图形属性
57
- {
58
- name: '',
59
- type: 'group',
60
- display: 'accordion',
61
- title: {
62
- label: '图形属性',
63
- },
64
- items: [
65
- {
66
- name: 'color',
67
- title: '颜色',
68
- setter: 'ColorSetter',
69
- },
70
- {
71
- name: 'barSize',
72
- title: '粗细',
73
- setter: 'NumberSetter',
74
- },
75
- {
76
- name: 'label',
77
- type: 'group',
78
- display: 'accordion',
79
- title: {
80
- label: '标签',
81
- },
82
- items: [
83
- {
84
- name: 'label.visible',
85
- title: '显示',
86
- setter: 'BoolSetter',
87
- },
88
- {
89
- name: 'label.position',
90
- title: '位置',
91
- setter: {
92
- componentName: 'RadioGroupSetter',
93
- props: {
94
- options: [
95
- { title: '左', value: 'left' },
96
- { title: '中', value: 'middle' },
97
- { title: '右', value: 'right' },
98
- ],
99
- },
100
- },
101
- condition: (target) => {
102
- return !!target.getProps().getPropValue('label.visible');
103
- },
104
- },
105
- ],
106
- },
107
- {
108
- name: "autoFit",
109
- title: "自适应容器宽高",
110
- setter: "BoolSetter",
111
- },
112
- ],
113
- },
114
- ],
115
- configure: {
116
- },
117
- };
118
- const snippets: Snippet[] = [
119
- {
120
- title: '条形图',
121
- screenshot:
122
- 'https://img.alicdn.com/imgextra/i3/O1CN01cOF2841sYpZkxzCsv_!!6000000005779-55-tps-56-56.svg',
123
- schema: {
124
- componentName: 'Bar',
125
- props: {
126
- data: [
127
- { year: '1991', value: 72345678 },
128
- { year: '1992', value: 4321132 },
129
- { year: '1993', value: 33121112.5 },
130
- { year: '1994', value: 45227221 },
131
- { year: '1995', value: 4321221.9 },
132
- { year: '1996', value: 6322121 },
133
- { year: '1997', value: 78312213 },
134
- { year: '1998', value: 4192312 },
135
- { year: '1999', value: 6212332 },
136
- { year: '2000', value: 3192312 },
137
- ],
138
- xField: 'value',
139
- yField: 'year',
140
- color: '#0079f2',
141
- autoFit: true,
142
- label: {
143
- visible: true,
144
- position: 'middle',
145
- },
146
- },
147
- },
148
- },
149
- ];
150
-
151
- export default {
152
- ...BarMeta,
153
- snippets,
154
- };
1
+ import { ComponentMetadata, Snippet } from "@alilc/lowcode-types";
2
+ import { chartWrap } from "../common/chartWrap";
3
+
4
+ const BarMeta: ComponentMetadata = {
5
+ componentName: "Bar",
6
+ title: "折线图",
7
+ category: "图表",
8
+ group: "精选组件",
9
+ docUrl: "",
10
+ screenshot: "",
11
+ devMode: "proCode",
12
+ npm: {
13
+ package: "@pisell/charts-materials",
14
+ version: "1.0.0",
15
+ exportName: "Bar",
16
+ main: "src/index.ts",
17
+ destructuring: true,
18
+ subName: "",
19
+ },
20
+ props: [
21
+ // 数据
22
+ {
23
+ name: 'data',
24
+ type: 'group',
25
+ display: 'accordion',
26
+ title: {
27
+ label: '数据',
28
+ },
29
+ items: [
30
+ {
31
+ name: 'data',
32
+ title: '图表数据',
33
+ setter: 'JsonSetter',
34
+ },
35
+ {
36
+ name: 'xField',
37
+ title: {
38
+ label: 'x轴字段名',
39
+ tip: 'x 方向映射对应的数据字段名',
40
+ },
41
+ setter: 'StringSetter',
42
+ },
43
+ {
44
+ name: 'yField',
45
+ title: {
46
+ label: 'y轴字段名',
47
+ tip: 'y 方向映射所对应的数据字段名',
48
+ },
49
+ setter: 'StringSetter',
50
+ },
51
+ ],
52
+ },
53
+
54
+ // 图标容器
55
+ chartWrap,
56
+ // 图形属性
57
+ {
58
+ name: '',
59
+ type: 'group',
60
+ display: 'accordion',
61
+ title: {
62
+ label: '图形属性',
63
+ },
64
+ items: [
65
+ {
66
+ name: 'color',
67
+ title: '颜色',
68
+ setter: 'ColorSetter',
69
+ },
70
+ {
71
+ name: 'barSize',
72
+ title: '粗细',
73
+ setter: 'NumberSetter',
74
+ },
75
+ {
76
+ name: 'label',
77
+ type: 'group',
78
+ display: 'accordion',
79
+ title: {
80
+ label: '标签',
81
+ },
82
+ items: [
83
+ {
84
+ name: 'label.visible',
85
+ title: '显示',
86
+ setter: 'BoolSetter',
87
+ },
88
+ {
89
+ name: 'label.position',
90
+ title: '位置',
91
+ setter: {
92
+ componentName: 'RadioGroupSetter',
93
+ props: {
94
+ options: [
95
+ { title: '左', value: 'left' },
96
+ { title: '中', value: 'middle' },
97
+ { title: '右', value: 'right' },
98
+ ],
99
+ },
100
+ },
101
+ condition: (target) => {
102
+ return !!target.getProps().getPropValue('label.visible');
103
+ },
104
+ },
105
+ ],
106
+ },
107
+ {
108
+ name: "autoFit",
109
+ title: "自适应容器宽高",
110
+ setter: "BoolSetter",
111
+ },
112
+ ],
113
+ },
114
+ ],
115
+ configure: {
116
+ },
117
+ };
118
+ const snippets: Snippet[] = [
119
+ {
120
+ title: '条形图',
121
+ screenshot:
122
+ 'https://img.alicdn.com/imgextra/i3/O1CN01cOF2841sYpZkxzCsv_!!6000000005779-55-tps-56-56.svg',
123
+ schema: {
124
+ componentName: 'Bar',
125
+ props: {
126
+ data: [
127
+ { year: '1991', value: 72345678 },
128
+ { year: '1992', value: 4321132 },
129
+ { year: '1993', value: 33121112.5 },
130
+ { year: '1994', value: 45227221 },
131
+ { year: '1995', value: 4321221.9 },
132
+ { year: '1996', value: 6322121 },
133
+ { year: '1997', value: 78312213 },
134
+ { year: '1998', value: 4192312 },
135
+ { year: '1999', value: 6212332 },
136
+ { year: '2000', value: 3192312 },
137
+ ],
138
+ xField: 'value',
139
+ yField: 'year',
140
+ color: '#0079f2',
141
+ autoFit: true,
142
+ label: {
143
+ visible: true,
144
+ position: 'middle',
145
+ },
146
+ },
147
+ },
148
+ },
149
+ ];
150
+
151
+ export default {
152
+ ...BarMeta,
153
+ snippets,
154
+ };
package/lowcode/column/meta.ts CHANGED
@@ -1,155 +1,155 @@
1
- import { ComponentMetadata, Snippet } from "@alilc/lowcode-types";
2
- import { chartWrap } from "../common/chartWrap";
3
-
4
- const ColumnMeta: ComponentMetadata = {
5
- componentName: 'Column',
6
- title: '柱状图',
7
- category: '图表',
8
- group: '精选组件',
9
- docUrl: '',
10
- screenshot: '',
11
- devMode: 'proCode',
12
- npm: {
13
- package: "@pisell/charts-materials",
14
- version: "1.0.0",
15
- exportName: "Column",
16
- main: "src/index.ts",
17
- destructuring: true,
18
- subName: "",
19
- },
20
- props: [
21
- // 数据
22
- {
23
- name: 'data',
24
- type: 'group',
25
- display: 'accordion',
26
- title: {
27
- label: '数据',
28
- },
29
- items: [
30
- {
31
- name: 'data',
32
- title: '图表数据',
33
- setter: 'JsonSetter',
34
- },
35
- {
36
- name: 'xField',
37
- title: {
38
- label: 'x轴字段名',
39
- tip: 'x 方向映射对应的数据字段名',
40
- },
41
- setter: 'StringSetter',
42
- },
43
- {
44
- name: 'yField',
45
- title: {
46
- label: 'y轴字段名',
47
- tip: 'y 方向映射所对应的数据字段名',
48
- },
49
- setter: 'StringSetter',
50
- },
51
- ],
52
- },
53
- // 图标容器
54
- chartWrap,
55
- // 图形属性
56
- {
57
- name: '',
58
- type: 'group',
59
- display: 'accordion',
60
- title: {
61
- label: '图形属性',
62
- },
63
- items: [
64
- {
65
- name: 'color',
66
- title: '颜色',
67
- setter: 'ColorSetter',
68
- },
69
- {
70
- name: 'columnSize',
71
- title: '粗细',
72
- setter: 'NumberSetter',
73
- },
74
- {
75
- name: 'label',
76
- type: 'group',
77
- display: 'accordion',
78
- title: {
79
- label: '标签',
80
- },
81
- items: [
82
- {
83
- name: 'label.visible',
84
- title: '显示',
85
- setter: 'BoolSetter',
86
- },
87
- {
88
- name: 'label.position',
89
- title: '位置',
90
- setter: {
91
- componentName: 'RadioGroupSetter',
92
- props: {
93
- options: [
94
- { title: '上', value: 'top' },
95
- { title: '中', value: 'middle' },
96
- { title: '下', value: 'bottom' },
97
- ],
98
- },
99
- },
100
- condition: (target) => {
101
- return !!target.getProps().getPropValue('label.visible');
102
- },
103
- },
104
- ],
105
- },
106
- {
107
- name: "autoFit",
108
- title: "自适应容器宽高",
109
- setter: "BoolSetter",
110
- },
111
- ],
112
- },
113
- ],
114
- configure: {
115
- },
116
- };
117
-
118
- const snippets: Snippet[] = [
119
- {
120
- title: '柱状图',
121
- screenshot:
122
- 'https://img.alicdn.com/imgextra/i1/O1CN01mz7siK1JIn9XZmCF6_!!6000000001006-55-tps-56-56.svg',
123
- schema: {
124
- componentName: 'Column',
125
- props: {
126
- data: [
127
- { year: '1991', value: 72345678 },
128
- { year: '1992', value: 4321132 },
129
- { year: '1993', value: 33121112.5 },
130
- { year: '1994', value: 45227221 },
131
- { year: '1995', value: 4321221.9 },
132
- { year: '1996', value: 6322121 },
133
- { year: '1997', value: 78312213 },
134
- { year: '1998', value: 4192312 },
135
- { year: '1999', value: 6212332 },
136
- { year: '2000', value: 3192312 },
137
- ],
138
- xField: 'year',
139
- yField: 'value',
140
- color: '#0079f2',
141
- autoFit: true,
142
- label: {
143
- visible: true,
144
- position: 'middle',
145
- },
146
-
147
- },
148
- },
149
- },
150
- ];
151
-
152
- export default {
153
- ...ColumnMeta,
154
- snippets,
1
+ import { ComponentMetadata, Snippet } from "@alilc/lowcode-types";
2
+ import { chartWrap } from "../common/chartWrap";
3
+
4
+ const ColumnMeta: ComponentMetadata = {
5
+ componentName: 'Column',
6
+ title: '柱状图',
7
+ category: '图表',
8
+ group: '精选组件',
9
+ docUrl: '',
10
+ screenshot: '',
11
+ devMode: 'proCode',
12
+ npm: {
13
+ package: "@pisell/charts-materials",
14
+ version: "1.0.0",
15
+ exportName: "Column",
16
+ main: "src/index.ts",
17
+ destructuring: true,
18
+ subName: "",
19
+ },
20
+ props: [
21
+ // 数据
22
+ {
23
+ name: 'data',
24
+ type: 'group',
25
+ display: 'accordion',
26
+ title: {
27
+ label: '数据',
28
+ },
29
+ items: [
30
+ {
31
+ name: 'data',
32
+ title: '图表数据',
33
+ setter: 'JsonSetter',
34
+ },
35
+ {
36
+ name: 'xField',
37
+ title: {
38
+ label: 'x轴字段名',
39
+ tip: 'x 方向映射对应的数据字段名',
40
+ },
41
+ setter: 'StringSetter',
42
+ },
43
+ {
44
+ name: 'yField',
45
+ title: {
46
+ label: 'y轴字段名',
47
+ tip: 'y 方向映射所对应的数据字段名',
48
+ },
49
+ setter: 'StringSetter',
50
+ },
51
+ ],
52
+ },
53
+ // 图标容器
54
+ chartWrap,
55
+ // 图形属性
56
+ {
57
+ name: '',
58
+ type: 'group',
59
+ display: 'accordion',
60
+ title: {
61
+ label: '图形属性',
62
+ },
63
+ items: [
64
+ {
65
+ name: 'color',
66
+ title: '颜色',
67
+ setter: 'ColorSetter',
68
+ },
69
+ {
70
+ name: 'columnSize',
71
+ title: '粗细',
72
+ setter: 'NumberSetter',
73
+ },
74
+ {
75
+ name: 'label',
76
+ type: 'group',
77
+ display: 'accordion',
78
+ title: {
79
+ label: '标签',
80
+ },
81
+ items: [
82
+ {
83
+ name: 'label.visible',
84
+ title: '显示',
85
+ setter: 'BoolSetter',
86
+ },
87
+ {
88
+ name: 'label.position',
89
+ title: '位置',
90
+ setter: {
91
+ componentName: 'RadioGroupSetter',
92
+ props: {
93
+ options: [
94
+ { title: '上', value: 'top' },
95
+ { title: '中', value: 'middle' },
96
+ { title: '下', value: 'bottom' },
97
+ ],
98
+ },
99
+ },
100
+ condition: (target) => {
101
+ return !!target.getProps().getPropValue('label.visible');
102
+ },
103
+ },
104
+ ],
105
+ },
106
+ {
107
+ name: "autoFit",
108
+ title: "自适应容器宽高",
109
+ setter: "BoolSetter",
110
+ },
111
+ ],
112
+ },
113
+ ],
114
+ configure: {
115
+ },
116
+ };
117
+
118
+ const snippets: Snippet[] = [
119
+ {
120
+ title: '柱状图',
121
+ screenshot:
122
+ 'https://img.alicdn.com/imgextra/i1/O1CN01mz7siK1JIn9XZmCF6_!!6000000001006-55-tps-56-56.svg',
123
+ schema: {
124
+ componentName: 'Column',
125
+ props: {
126
+ data: [
127
+ { year: '1991', value: 72345678 },
128
+ { year: '1992', value: 4321132 },
129
+ { year: '1993', value: 33121112.5 },
130
+ { year: '1994', value: 45227221 },
131
+ { year: '1995', value: 4321221.9 },
132
+ { year: '1996', value: 6322121 },
133
+ { year: '1997', value: 78312213 },
134
+ { year: '1998', value: 4192312 },
135
+ { year: '1999', value: 6212332 },
136
+ { year: '2000', value: 3192312 },
137
+ ],
138
+ xField: 'year',
139
+ yField: 'value',
140
+ color: '#0079f2',
141
+ autoFit: true,
142
+ label: {
143
+ visible: true,
144
+ position: 'middle',
145
+ },
146
+
147
+ },
148
+ },
149
+ },
150
+ ];
151
+
152
+ export default {
153
+ ...ColumnMeta,
154
+ snippets,
155
155
  };
package/lowcode/common/chartWrap.ts CHANGED
@@ -1,25 +1,25 @@
1
- export const chartWrap = {
2
- name: "",
3
- type: "group",
4
- display: "accordion",
5
- title: {
6
- label: "图表容器",
7
- },
8
- items: [
9
- {
10
- name: "width",
11
- title: "图表宽度",
12
- setter: "NumberSetter",
13
- },
14
- {
15
- name: "height",
16
- title: "图表高度",
17
- setter: "NumberSetter",
18
- },
19
- {
20
- name: "autoFit",
21
- title: "自适应容器宽度",
22
- setter: "BoolSetter",
23
- },
24
- ],
25
- };
1
+ export const chartWrap = {
2
+ name: "",
3
+ type: "group",
4
+ display: "accordion",
5
+ title: {
6
+ label: "图表容器",
7
+ },
8
+ items: [
9
+ {
10
+ name: "width",
11
+ title: "图表宽度",
12
+ setter: "NumberSetter",
13
+ },
14
+ {
15
+ name: "height",
16
+ title: "图表高度",
17
+ setter: "NumberSetter",
18
+ },
19
+ {
20
+ name: "autoFit",
21
+ title: "自适应容器宽度",
22
+ setter: "BoolSetter",
23
+ },
24
+ ],
25
+ };