@next-bricks/data-view 1.8.0 → 1.9.1
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/dist/bricks.json +8 -8
- package/dist/chunks/32.b45f5151.js +2 -0
- package/dist/chunks/32.b45f5151.js.map +1 -0
- package/dist/chunks/6873.5f62fd24.js +1 -0
- package/dist/chunks/8968.09a0d05a.js +1 -0
- package/dist/chunks/9123.5fbb5f01.js +1 -0
- package/dist/chunks/china-map-chart.331f7837.js +2 -0
- package/dist/chunks/china-map-chart.331f7837.js.map +1 -0
- package/dist/chunks/main.e9cbbef8.js +2 -0
- package/dist/chunks/main.e9cbbef8.js.map +1 -0
- package/dist/examples.json +16 -16
- package/dist/images/7e4100fd.png +0 -0
- package/dist/index.d23f893b.js +2 -0
- package/dist/index.d23f893b.js.map +1 -0
- package/dist/manifest.json +138 -133
- package/dist/types.json +138 -131
- package/dist-types/china-map-chart/index.d.ts +6 -1
- package/docs/china-map-chart.md +28 -0
- package/package.json +3 -2
- package/dist/chunks/3035.c14dd436.js +0 -2
- package/dist/chunks/3035.c14dd436.js.map +0 -1
- package/dist/chunks/5214.6fb670ee.js +0 -2
- package/dist/chunks/5214.6fb670ee.js.map +0 -1
- package/dist/chunks/china-map-chart.d1e8b843.js +0 -2
- package/dist/chunks/china-map-chart.d1e8b843.js.map +0 -1
- package/dist/chunks/main.f2f04361.js +0 -2
- package/dist/chunks/main.f2f04361.js.map +0 -1
- package/dist/index.1906baf6.js +0 -2
- package/dist/index.1906baf6.js.map +0 -1
package/dist/types.json
CHANGED
|
@@ -40,6 +40,110 @@
|
|
|
40
40
|
"events": [],
|
|
41
41
|
"methods": []
|
|
42
42
|
},
|
|
43
|
+
"data-view.modern-style-component-title": {
|
|
44
|
+
"properties": [
|
|
45
|
+
{
|
|
46
|
+
"name": "hideLeftComponent",
|
|
47
|
+
"annotation": {
|
|
48
|
+
"type": "keyword",
|
|
49
|
+
"value": "boolean"
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"name": "hideRightComponent",
|
|
54
|
+
"annotation": {
|
|
55
|
+
"type": "keyword",
|
|
56
|
+
"value": "boolean"
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"name": "componentTitle",
|
|
61
|
+
"annotation": {
|
|
62
|
+
"type": "keyword",
|
|
63
|
+
"value": "string"
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"name": "titleTextStyle",
|
|
68
|
+
"annotation": {
|
|
69
|
+
"type": "reference",
|
|
70
|
+
"typeName": {
|
|
71
|
+
"type": "identifier",
|
|
72
|
+
"name": "CSSProperties"
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"name": "squareColor",
|
|
78
|
+
"annotation": {
|
|
79
|
+
"type": "indexedAccess",
|
|
80
|
+
"objectType": {
|
|
81
|
+
"type": "reference",
|
|
82
|
+
"typeName": {
|
|
83
|
+
"type": "identifier",
|
|
84
|
+
"name": "CSSProperties"
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
"indexType": {
|
|
88
|
+
"type": "jsLiteral",
|
|
89
|
+
"value": "color"
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
],
|
|
94
|
+
"events": [],
|
|
95
|
+
"methods": []
|
|
96
|
+
},
|
|
97
|
+
"data-view.modern-style-page-title": {
|
|
98
|
+
"properties": [
|
|
99
|
+
{
|
|
100
|
+
"name": "pageTitle",
|
|
101
|
+
"annotation": {
|
|
102
|
+
"type": "keyword",
|
|
103
|
+
"value": "string"
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"name": "description",
|
|
108
|
+
"annotation": {
|
|
109
|
+
"type": "keyword",
|
|
110
|
+
"value": "string"
|
|
111
|
+
}
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
"name": "backgroundStyle",
|
|
115
|
+
"annotation": {
|
|
116
|
+
"type": "reference",
|
|
117
|
+
"typeName": {
|
|
118
|
+
"type": "identifier",
|
|
119
|
+
"name": "CSSProperties"
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
"name": "leftRoundStyle",
|
|
125
|
+
"annotation": {
|
|
126
|
+
"type": "reference",
|
|
127
|
+
"typeName": {
|
|
128
|
+
"type": "identifier",
|
|
129
|
+
"name": "CSSProperties"
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"name": "rightRoundStyle",
|
|
135
|
+
"annotation": {
|
|
136
|
+
"type": "reference",
|
|
137
|
+
"typeName": {
|
|
138
|
+
"type": "identifier",
|
|
139
|
+
"name": "CSSProperties"
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
],
|
|
144
|
+
"events": [],
|
|
145
|
+
"methods": []
|
|
146
|
+
},
|
|
43
147
|
"data-view.tabs-drawer": {
|
|
44
148
|
"properties": [
|
|
45
149
|
{
|
|
@@ -233,110 +337,6 @@
|
|
|
233
337
|
}
|
|
234
338
|
]
|
|
235
339
|
},
|
|
236
|
-
"data-view.modern-style-component-title": {
|
|
237
|
-
"properties": [
|
|
238
|
-
{
|
|
239
|
-
"name": "hideLeftComponent",
|
|
240
|
-
"annotation": {
|
|
241
|
-
"type": "keyword",
|
|
242
|
-
"value": "boolean"
|
|
243
|
-
}
|
|
244
|
-
},
|
|
245
|
-
{
|
|
246
|
-
"name": "hideRightComponent",
|
|
247
|
-
"annotation": {
|
|
248
|
-
"type": "keyword",
|
|
249
|
-
"value": "boolean"
|
|
250
|
-
}
|
|
251
|
-
},
|
|
252
|
-
{
|
|
253
|
-
"name": "componentTitle",
|
|
254
|
-
"annotation": {
|
|
255
|
-
"type": "keyword",
|
|
256
|
-
"value": "string"
|
|
257
|
-
}
|
|
258
|
-
},
|
|
259
|
-
{
|
|
260
|
-
"name": "titleTextStyle",
|
|
261
|
-
"annotation": {
|
|
262
|
-
"type": "reference",
|
|
263
|
-
"typeName": {
|
|
264
|
-
"type": "identifier",
|
|
265
|
-
"name": "CSSProperties"
|
|
266
|
-
}
|
|
267
|
-
}
|
|
268
|
-
},
|
|
269
|
-
{
|
|
270
|
-
"name": "squareColor",
|
|
271
|
-
"annotation": {
|
|
272
|
-
"type": "indexedAccess",
|
|
273
|
-
"objectType": {
|
|
274
|
-
"type": "reference",
|
|
275
|
-
"typeName": {
|
|
276
|
-
"type": "identifier",
|
|
277
|
-
"name": "CSSProperties"
|
|
278
|
-
}
|
|
279
|
-
},
|
|
280
|
-
"indexType": {
|
|
281
|
-
"type": "jsLiteral",
|
|
282
|
-
"value": "color"
|
|
283
|
-
}
|
|
284
|
-
}
|
|
285
|
-
}
|
|
286
|
-
],
|
|
287
|
-
"events": [],
|
|
288
|
-
"methods": []
|
|
289
|
-
},
|
|
290
|
-
"data-view.modern-style-page-title": {
|
|
291
|
-
"properties": [
|
|
292
|
-
{
|
|
293
|
-
"name": "pageTitle",
|
|
294
|
-
"annotation": {
|
|
295
|
-
"type": "keyword",
|
|
296
|
-
"value": "string"
|
|
297
|
-
}
|
|
298
|
-
},
|
|
299
|
-
{
|
|
300
|
-
"name": "description",
|
|
301
|
-
"annotation": {
|
|
302
|
-
"type": "keyword",
|
|
303
|
-
"value": "string"
|
|
304
|
-
}
|
|
305
|
-
},
|
|
306
|
-
{
|
|
307
|
-
"name": "backgroundStyle",
|
|
308
|
-
"annotation": {
|
|
309
|
-
"type": "reference",
|
|
310
|
-
"typeName": {
|
|
311
|
-
"type": "identifier",
|
|
312
|
-
"name": "CSSProperties"
|
|
313
|
-
}
|
|
314
|
-
}
|
|
315
|
-
},
|
|
316
|
-
{
|
|
317
|
-
"name": "leftRoundStyle",
|
|
318
|
-
"annotation": {
|
|
319
|
-
"type": "reference",
|
|
320
|
-
"typeName": {
|
|
321
|
-
"type": "identifier",
|
|
322
|
-
"name": "CSSProperties"
|
|
323
|
-
}
|
|
324
|
-
}
|
|
325
|
-
},
|
|
326
|
-
{
|
|
327
|
-
"name": "rightRoundStyle",
|
|
328
|
-
"annotation": {
|
|
329
|
-
"type": "reference",
|
|
330
|
-
"typeName": {
|
|
331
|
-
"type": "identifier",
|
|
332
|
-
"name": "CSSProperties"
|
|
333
|
-
}
|
|
334
|
-
}
|
|
335
|
-
}
|
|
336
|
-
],
|
|
337
|
-
"events": [],
|
|
338
|
-
"methods": []
|
|
339
|
-
},
|
|
340
340
|
"data-view.battery-chart": {
|
|
341
341
|
"properties": [
|
|
342
342
|
{
|
|
@@ -831,6 +831,28 @@
|
|
|
831
831
|
}
|
|
832
832
|
]
|
|
833
833
|
},
|
|
834
|
+
"data-view.app-wall-relation-line": {
|
|
835
|
+
"properties": [
|
|
836
|
+
{
|
|
837
|
+
"name": "lightColor",
|
|
838
|
+
"annotation": {
|
|
839
|
+
"type": "union",
|
|
840
|
+
"types": [
|
|
841
|
+
{
|
|
842
|
+
"type": "jsLiteral",
|
|
843
|
+
"value": "blue"
|
|
844
|
+
},
|
|
845
|
+
{
|
|
846
|
+
"type": "jsLiteral",
|
|
847
|
+
"value": "purple"
|
|
848
|
+
}
|
|
849
|
+
]
|
|
850
|
+
}
|
|
851
|
+
}
|
|
852
|
+
],
|
|
853
|
+
"events": [],
|
|
854
|
+
"methods": []
|
|
855
|
+
},
|
|
834
856
|
"data-view.cabinet-button": {
|
|
835
857
|
"properties": [
|
|
836
858
|
{
|
|
@@ -854,28 +876,6 @@
|
|
|
854
876
|
"events": [],
|
|
855
877
|
"methods": []
|
|
856
878
|
},
|
|
857
|
-
"data-view.app-wall-relation-line": {
|
|
858
|
-
"properties": [
|
|
859
|
-
{
|
|
860
|
-
"name": "lightColor",
|
|
861
|
-
"annotation": {
|
|
862
|
-
"type": "union",
|
|
863
|
-
"types": [
|
|
864
|
-
{
|
|
865
|
-
"type": "jsLiteral",
|
|
866
|
-
"value": "blue"
|
|
867
|
-
},
|
|
868
|
-
{
|
|
869
|
-
"type": "jsLiteral",
|
|
870
|
-
"value": "purple"
|
|
871
|
-
}
|
|
872
|
-
]
|
|
873
|
-
}
|
|
874
|
-
}
|
|
875
|
-
],
|
|
876
|
-
"events": [],
|
|
877
|
-
"methods": []
|
|
878
|
-
},
|
|
879
879
|
"data-view.cabinet-node": {
|
|
880
880
|
"properties": [
|
|
881
881
|
{
|
|
@@ -1766,11 +1766,6 @@
|
|
|
1766
1766
|
"events": [],
|
|
1767
1767
|
"methods": []
|
|
1768
1768
|
},
|
|
1769
|
-
"data-view.tech-mesh-base-view": {
|
|
1770
|
-
"properties": [],
|
|
1771
|
-
"events": [],
|
|
1772
|
-
"methods": []
|
|
1773
|
-
},
|
|
1774
1769
|
"data-view.hi-tech-button": {
|
|
1775
1770
|
"properties": [
|
|
1776
1771
|
{
|
|
@@ -1842,6 +1837,11 @@
|
|
|
1842
1837
|
}
|
|
1843
1838
|
]
|
|
1844
1839
|
},
|
|
1840
|
+
"data-view.tech-mesh-base-view": {
|
|
1841
|
+
"properties": [],
|
|
1842
|
+
"events": [],
|
|
1843
|
+
"methods": []
|
|
1844
|
+
},
|
|
1845
1845
|
"data-view.simple-card-item": {
|
|
1846
1846
|
"properties": [
|
|
1847
1847
|
{
|
|
@@ -3733,6 +3733,13 @@
|
|
|
3733
3733
|
},
|
|
3734
3734
|
"data-view.china-map-chart": {
|
|
3735
3735
|
"properties": [
|
|
3736
|
+
{
|
|
3737
|
+
"name": "province",
|
|
3738
|
+
"annotation": {
|
|
3739
|
+
"type": "keyword",
|
|
3740
|
+
"value": "string"
|
|
3741
|
+
}
|
|
3742
|
+
},
|
|
3736
3743
|
{
|
|
3737
3744
|
"name": "dataSource",
|
|
3738
3745
|
"annotation": {
|
|
@@ -6,6 +6,10 @@ import "@next-core/theme";
|
|
|
6
6
|
*/
|
|
7
7
|
export declare class ChinaMapChart extends ReactNextElement {
|
|
8
8
|
#private;
|
|
9
|
+
/**
|
|
10
|
+
* 省份名称,例如“广东”。如果设置,则只显示该省份的地图,否则显示全国地图
|
|
11
|
+
*/
|
|
12
|
+
accessor province: string | undefined;
|
|
9
13
|
/**
|
|
10
14
|
* 数据源
|
|
11
15
|
*/
|
|
@@ -19,7 +23,7 @@ export declare class ChinaMapChart extends ReactNextElement {
|
|
|
19
23
|
*
|
|
20
24
|
* 注意:该属性不同时兼容 detail 插槽
|
|
21
25
|
*/
|
|
22
|
-
accessor fillContainer: boolean;
|
|
26
|
+
accessor fillContainer: boolean | undefined;
|
|
23
27
|
render(): React.JSX.Element;
|
|
24
28
|
}
|
|
25
29
|
interface DataSource {
|
|
@@ -31,6 +35,7 @@ interface DataSource {
|
|
|
31
35
|
}
|
|
32
36
|
export interface ChinaMapChartProps {
|
|
33
37
|
root: HTMLElement;
|
|
38
|
+
province?: string;
|
|
34
39
|
onDetailOpenChange: (open: boolean, data: Record<string, any>) => void;
|
|
35
40
|
dataSource: DataSource[];
|
|
36
41
|
detailContentStyle?: CSSProperties;
|
package/docs/china-map-chart.md
CHANGED
|
@@ -53,6 +53,34 @@ children:
|
|
|
53
53
|
- dark-v2
|
|
54
54
|
```
|
|
55
55
|
|
|
56
|
+
### Province map
|
|
57
|
+
|
|
58
|
+
```yaml preview height="600px"
|
|
59
|
+
brick: div
|
|
60
|
+
properties:
|
|
61
|
+
style:
|
|
62
|
+
height: calc(100vh - 4em)
|
|
63
|
+
position: relative
|
|
64
|
+
children:
|
|
65
|
+
- brick: data-view.china-map-chart
|
|
66
|
+
properties:
|
|
67
|
+
fillContainer: true
|
|
68
|
+
province: 广东
|
|
69
|
+
dataSource:
|
|
70
|
+
- text: "广州 12311"
|
|
71
|
+
city: 广州
|
|
72
|
+
- text: "深圳 89781169"
|
|
73
|
+
city: 深圳
|
|
74
|
+
- text: "湛江 234181"
|
|
75
|
+
city: 湛江
|
|
76
|
+
# Currently this brick only looks well within dark theme
|
|
77
|
+
lifeCycle:
|
|
78
|
+
onPageLoad:
|
|
79
|
+
action: theme.setTheme
|
|
80
|
+
args:
|
|
81
|
+
- dark-v2
|
|
82
|
+
```
|
|
83
|
+
|
|
56
84
|
### With detail
|
|
57
85
|
|
|
58
86
|
```yaml preview height="600px"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@next-bricks/data-view",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.9.1",
|
|
4
4
|
"homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/data-view",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -39,7 +39,8 @@
|
|
|
39
39
|
"@next-core/test-next": "^1.1.7"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
|
+
"@next-bricks/basic": "*",
|
|
42
43
|
"@next-bricks/icons": "*"
|
|
43
44
|
},
|
|
44
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "9f899805a630d67747061540862bb53d386168af"
|
|
45
46
|
}
|