@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.
@@ -1,259 +1,259 @@
1
- import { ComponentMetadata, Snippet } from "@alilc/lowcode-types";
2
- import { chartWrap } from "../common/chartWrap";
3
-
4
- const pieChartMeta: ComponentMetadata = {
5
- componentName: "Pie",
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: "Pie",
16
- main: "src/index.ts",
17
- destructuring: true,
18
- subName: "",
19
- },
20
- props: [
21
- // 图例
22
- {
23
- name: "legend",
24
- type: "group",
25
- display: "accordion",
26
- title: {
27
- label: "图例",
28
- },
29
- items: [
30
- {
31
- name: "legend.position",
32
- title: "位置",
33
- setter: {
34
- componentName: "SelectSetter",
35
- props: {
36
- options: [
37
- { title: "左", value: "left" },
38
- { title: "左上", value: "left-top" },
39
- { title: "左下", value: "left-bottom" },
40
- { title: "右", value: "right" },
41
- { title: "右上", value: "right-top" },
42
- { title: "右下", value: "right-bottom" },
43
- { title: "上", value: "top" },
44
- { title: "上左", value: "top-left" },
45
- { title: "上右", value: "top-right" },
46
- { title: "下", value: "bottom" },
47
- { title: "下左", value: "bottom-left" },
48
- { title: "下右", value: "bottom-right" },
49
- ],
50
- },
51
- },
52
- },
53
- ],
54
- },
55
-
56
- // 数据
57
- {
58
- name: "data",
59
- type: "group",
60
- display: "accordion",
61
- title: {
62
- label: "数据",
63
- },
64
- items: [
65
- {
66
- name: "data",
67
- title: "图表数据",
68
- setter: "JsonSetter",
69
- },
70
- {
71
- name: "angleField",
72
- title: {
73
- label: "值字段名",
74
- tip: "扇形切片大小(弧度)所对应的数据字段名",
75
- },
76
- setter: "StringSetter",
77
- },
78
- {
79
- name: "colorField",
80
- title: {
81
- label: "分类字段名",
82
- tip: "扇形颜色映射对应的数据字段名",
83
- },
84
- setter: "StringSetter",
85
- },
86
- ],
87
- },
88
-
89
- // 图标容器
90
- chartWrap,
91
- // 图形属性
92
- {
93
- name: "",
94
- type: "group",
95
- display: "accordion",
96
- title: {
97
- label: "图形属性",
98
- },
99
- items: [
100
- {
101
- name: "innerRadius",
102
- title: "内半径",
103
- setter: {
104
- componentName: "NumberSetter",
105
- props: {
106
- min: 0,
107
- max: 1,
108
- step: 0.1,
109
- precision: 1,
110
- },
111
- },
112
- },
113
- {
114
- name: "color",
115
- title: "颜色",
116
- setter: {
117
- componentName: "ArraySetter",
118
- props: {
119
- itemSetter: {
120
- componentName: "ColorSetter",
121
- initialValue: "#0079f2",
122
- },
123
- },
124
- },
125
- },
126
- {
127
- name: "label",
128
- type: "group",
129
- display: "accordion",
130
- title: {
131
- label: "标签",
132
- },
133
- items: [
134
- {
135
- name: "label.visible",
136
- title: "显示",
137
- setter: "BoolSetter",
138
- },
139
- {
140
- name: "label.type",
141
- title: "位置",
142
- setter: {
143
- componentName: "SelectSetter",
144
- props: {
145
- options: [
146
- { title: "内部", value: "inner" },
147
- { title: "外部", value: "outer" },
148
- { title: "外部圆形排布", value: "outer-center" },
149
- { title: "蜘蛛布局", value: "spider" },
150
- ],
151
- },
152
- },
153
- },
154
- ],
155
- },
156
- {
157
- name: "autoFit",
158
- title: "自适应容器宽高",
159
- setter: "BoolSetter",
160
- },
161
- ],
162
- },
163
- ],
164
- configure: {},
165
- };
166
-
167
- const snippets = [
168
- {
169
- title: "饼图",
170
- name: "PieChart",
171
- screenshot:
172
- "https://img.alicdn.com/imgextra/i4/O1CN018rBRGK24fx7hzkITN_!!6000000007419-55-tps-56-56.svg",
173
- schema: {
174
- componentName: "Pie",
175
- title: "饼图",
176
- props: {
177
- legend: {
178
- position: "top-left",
179
- },
180
- data: [
181
- { year: "1991", value: 72345678 },
182
- { year: "1992", value: 4321132 },
183
- { year: "1993", value: 33121112.5 },
184
- { year: "1994", value: 45227221 },
185
- { year: "1995", value: 4321221.9 },
186
- { year: "1996", value: 6322121 },
187
- { year: "1997", value: 78312213 },
188
- { year: "1998", value: 2192312 },
189
- { year: "1999", value: 6212332 },
190
- { year: "2000", value: 1192312 },
191
- ],
192
- angleField: "value",
193
- colorField: "year",
194
- autoFit: true,
195
- label: {
196
- visible: true,
197
- type: "spider",
198
- },
199
- color: [
200
- "#3BCBD1",
201
- "#47A4FE",
202
- "#EDBA42",
203
- "#F4704E",
204
- "#ED6899",
205
- "#7F62C3",
206
- "#6E7BC9",
207
- ],
208
- },
209
- },
210
- },
211
- {
212
- title: "环图",
213
- name: "DonutChart",
214
- screenshot:
215
- "https://img.alicdn.com/imgextra/i3/O1CN01pLbt7T1Mh0woqKEN1_!!6000000001465-55-tps-56-56.svg",
216
- schema: {
217
- componentName: "Pie",
218
- title: "环图",
219
- props: {
220
- legend: {
221
- position: "top-left",
222
- },
223
- data: [
224
- { year: "1991", value: 72345678 },
225
- { year: "1992", value: 4321132 },
226
- { year: "1993", value: 33121112.5 },
227
- { year: "1994", value: 45227221 },
228
- { year: "1995", value: 4321221.9 },
229
- { year: "1996", value: 6322121 },
230
- { year: "1997", value: 78312213 },
231
- { year: "1998", value: 2192312 },
232
- { year: "1999", value: 6212332 },
233
- { year: "2000", value: 1192312 },
234
- ],
235
- angleField: "value",
236
- colorField: "year",
237
- autoFit: true,
238
- label: {
239
- visible: true,
240
- type: "spider",
241
- },
242
- innerRadius: 0.6,
243
- color: [
244
- "#3BCBD1",
245
- "#47A4FE",
246
- "#EDBA42",
247
- "#F4704E",
248
- "#ED6899",
249
- "#7F62C3",
250
- "#6E7BC9",
251
- ],
252
- },
253
- },
254
- },
255
- ];
256
- export default {
257
- ...pieChartMeta,
258
- snippets,
259
- };
1
+ import { ComponentMetadata, Snippet } from "@alilc/lowcode-types";
2
+ import { chartWrap } from "../common/chartWrap";
3
+
4
+ const pieChartMeta: ComponentMetadata = {
5
+ componentName: "Pie",
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: "Pie",
16
+ main: "src/index.ts",
17
+ destructuring: true,
18
+ subName: "",
19
+ },
20
+ props: [
21
+ // 图例
22
+ {
23
+ name: "legend",
24
+ type: "group",
25
+ display: "accordion",
26
+ title: {
27
+ label: "图例",
28
+ },
29
+ items: [
30
+ {
31
+ name: "legend.position",
32
+ title: "位置",
33
+ setter: {
34
+ componentName: "SelectSetter",
35
+ props: {
36
+ options: [
37
+ { title: "左", value: "left" },
38
+ { title: "左上", value: "left-top" },
39
+ { title: "左下", value: "left-bottom" },
40
+ { title: "右", value: "right" },
41
+ { title: "右上", value: "right-top" },
42
+ { title: "右下", value: "right-bottom" },
43
+ { title: "上", value: "top" },
44
+ { title: "上左", value: "top-left" },
45
+ { title: "上右", value: "top-right" },
46
+ { title: "下", value: "bottom" },
47
+ { title: "下左", value: "bottom-left" },
48
+ { title: "下右", value: "bottom-right" },
49
+ ],
50
+ },
51
+ },
52
+ },
53
+ ],
54
+ },
55
+
56
+ // 数据
57
+ {
58
+ name: "data",
59
+ type: "group",
60
+ display: "accordion",
61
+ title: {
62
+ label: "数据",
63
+ },
64
+ items: [
65
+ {
66
+ name: "data",
67
+ title: "图表数据",
68
+ setter: "JsonSetter",
69
+ },
70
+ {
71
+ name: "angleField",
72
+ title: {
73
+ label: "值字段名",
74
+ tip: "扇形切片大小(弧度)所对应的数据字段名",
75
+ },
76
+ setter: "StringSetter",
77
+ },
78
+ {
79
+ name: "colorField",
80
+ title: {
81
+ label: "分类字段名",
82
+ tip: "扇形颜色映射对应的数据字段名",
83
+ },
84
+ setter: "StringSetter",
85
+ },
86
+ ],
87
+ },
88
+
89
+ // 图标容器
90
+ chartWrap,
91
+ // 图形属性
92
+ {
93
+ name: "",
94
+ type: "group",
95
+ display: "accordion",
96
+ title: {
97
+ label: "图形属性",
98
+ },
99
+ items: [
100
+ {
101
+ name: "innerRadius",
102
+ title: "内半径",
103
+ setter: {
104
+ componentName: "NumberSetter",
105
+ props: {
106
+ min: 0,
107
+ max: 1,
108
+ step: 0.1,
109
+ precision: 1,
110
+ },
111
+ },
112
+ },
113
+ {
114
+ name: "color",
115
+ title: "颜色",
116
+ setter: {
117
+ componentName: "ArraySetter",
118
+ props: {
119
+ itemSetter: {
120
+ componentName: "ColorSetter",
121
+ initialValue: "#0079f2",
122
+ },
123
+ },
124
+ },
125
+ },
126
+ {
127
+ name: "label",
128
+ type: "group",
129
+ display: "accordion",
130
+ title: {
131
+ label: "标签",
132
+ },
133
+ items: [
134
+ {
135
+ name: "label.visible",
136
+ title: "显示",
137
+ setter: "BoolSetter",
138
+ },
139
+ {
140
+ name: "label.type",
141
+ title: "位置",
142
+ setter: {
143
+ componentName: "SelectSetter",
144
+ props: {
145
+ options: [
146
+ { title: "内部", value: "inner" },
147
+ { title: "外部", value: "outer" },
148
+ { title: "外部圆形排布", value: "outer-center" },
149
+ { title: "蜘蛛布局", value: "spider" },
150
+ ],
151
+ },
152
+ },
153
+ },
154
+ ],
155
+ },
156
+ {
157
+ name: "autoFit",
158
+ title: "自适应容器宽高",
159
+ setter: "BoolSetter",
160
+ },
161
+ ],
162
+ },
163
+ ],
164
+ configure: {},
165
+ };
166
+
167
+ const snippets = [
168
+ {
169
+ title: "饼图",
170
+ name: "PieChart",
171
+ screenshot:
172
+ "https://img.alicdn.com/imgextra/i4/O1CN018rBRGK24fx7hzkITN_!!6000000007419-55-tps-56-56.svg",
173
+ schema: {
174
+ componentName: "Pie",
175
+ title: "饼图",
176
+ props: {
177
+ legend: {
178
+ position: "top-left",
179
+ },
180
+ data: [
181
+ { year: "1991", value: 72345678 },
182
+ { year: "1992", value: 4321132 },
183
+ { year: "1993", value: 33121112.5 },
184
+ { year: "1994", value: 45227221 },
185
+ { year: "1995", value: 4321221.9 },
186
+ { year: "1996", value: 6322121 },
187
+ { year: "1997", value: 78312213 },
188
+ { year: "1998", value: 2192312 },
189
+ { year: "1999", value: 6212332 },
190
+ { year: "2000", value: 1192312 },
191
+ ],
192
+ angleField: "value",
193
+ colorField: "year",
194
+ autoFit: true,
195
+ label: {
196
+ visible: true,
197
+ type: "spider",
198
+ },
199
+ color: [
200
+ "#3BCBD1",
201
+ "#47A4FE",
202
+ "#EDBA42",
203
+ "#F4704E",
204
+ "#ED6899",
205
+ "#7F62C3",
206
+ "#6E7BC9",
207
+ ],
208
+ },
209
+ },
210
+ },
211
+ {
212
+ title: "环图",
213
+ name: "DonutChart",
214
+ screenshot:
215
+ "https://img.alicdn.com/imgextra/i3/O1CN01pLbt7T1Mh0woqKEN1_!!6000000001465-55-tps-56-56.svg",
216
+ schema: {
217
+ componentName: "Pie",
218
+ title: "环图",
219
+ props: {
220
+ legend: {
221
+ position: "top-left",
222
+ },
223
+ data: [
224
+ { year: "1991", value: 72345678 },
225
+ { year: "1992", value: 4321132 },
226
+ { year: "1993", value: 33121112.5 },
227
+ { year: "1994", value: 45227221 },
228
+ { year: "1995", value: 4321221.9 },
229
+ { year: "1996", value: 6322121 },
230
+ { year: "1997", value: 78312213 },
231
+ { year: "1998", value: 2192312 },
232
+ { year: "1999", value: 6212332 },
233
+ { year: "2000", value: 1192312 },
234
+ ],
235
+ angleField: "value",
236
+ colorField: "year",
237
+ autoFit: true,
238
+ label: {
239
+ visible: true,
240
+ type: "spider",
241
+ },
242
+ innerRadius: 0.6,
243
+ color: [
244
+ "#3BCBD1",
245
+ "#47A4FE",
246
+ "#EDBA42",
247
+ "#F4704E",
248
+ "#ED6899",
249
+ "#7F62C3",
250
+ "#6E7BC9",
251
+ ],
252
+ },
253
+ },
254
+ },
255
+ ];
256
+ export default {
257
+ ...pieChartMeta,
258
+ snippets,
259
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pisell/charts-materials",
3
- "version": "1.0.74",
3
+ "version": "1.0.75",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./es/index.js",
6
6
  "types": "./lib/index.d.ts",
@@ -51,7 +51,7 @@
51
51
  "react-resizable": "^3.0.5",
52
52
  "styled-components": "^6.0.0-rc.3",
53
53
  "ahooks": "^3.7.6",
54
- "@pisell/utils": "1.0.70",
54
+ "@pisell/utils": "1.0.71",
55
55
  "@pisell/icon": "0.0.10"
56
56
  },
57
57
  "peerDependencies": {