@pisell/charts-materials 1.0.73 → 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.
- package/README.md +2 -2
- package/es/area/index.d.ts +7 -7
- package/es/bar/index.d.ts +7 -7
- package/es/column/index.d.ts +7 -7
- package/es/index.d.ts +6 -6
- package/es/line/index.d.ts +8 -8
- package/es/pie/index.d.ts +7 -7
- package/lib/area/index.d.ts +7 -7
- package/lib/bar/index.d.ts +7 -7
- package/lib/column/index.d.ts +7 -7
- package/lib/index.d.ts +6 -6
- package/lib/line/index.d.ts +8 -8
- package/lib/pie/index.d.ts +7 -7
- package/lowcode/area/meta.ts +135 -135
- package/lowcode/bar/meta.ts +154 -154
- package/lowcode/column/meta.ts +154 -154
- package/lowcode/common/chartWrap.ts +25 -25
- package/lowcode/line/meta.ts +157 -157
- package/lowcode/pie/meta.ts +259 -259
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
# @pisell/charts-materials
|
|
2
|
-
|
|
1
|
+
# @pisell/charts-materials
|
|
2
|
+
|
|
3
3
|
pisell图表物料
|
package/es/area/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Area as AntArea } from "@ant-design/plots";
|
|
3
|
-
declare type AntAreaProps = typeof AntArea;
|
|
4
|
-
export interface AreaProps extends React.ComponentProps<AntAreaProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const Area: (props: AreaProps) => JSX.Element;
|
|
7
|
-
export default Area;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Area as AntArea } from "@ant-design/plots";
|
|
3
|
+
declare type AntAreaProps = typeof AntArea;
|
|
4
|
+
export interface AreaProps extends React.ComponentProps<AntAreaProps> {
|
|
5
|
+
}
|
|
6
|
+
declare const Area: (props: AreaProps) => JSX.Element;
|
|
7
|
+
export default Area;
|
package/es/bar/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Bar as AntBar } from "@ant-design/plots";
|
|
3
|
-
declare type AntBarProps = typeof AntBar;
|
|
4
|
-
export interface BarProps extends React.ComponentProps<AntBarProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const Bar: (props: BarProps) => JSX.Element;
|
|
7
|
-
export default Bar;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Bar as AntBar } from "@ant-design/plots";
|
|
3
|
+
declare type AntBarProps = typeof AntBar;
|
|
4
|
+
export interface BarProps extends React.ComponentProps<AntBarProps> {
|
|
5
|
+
}
|
|
6
|
+
declare const Bar: (props: BarProps) => JSX.Element;
|
|
7
|
+
export default Bar;
|
package/es/column/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Column as AntColumn } from "@ant-design/plots";
|
|
3
|
-
declare type AntColumnProps = typeof AntColumn;
|
|
4
|
-
export interface ColumnProps extends React.ComponentProps<AntColumnProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const Column: (props: ColumnProps) => JSX.Element;
|
|
7
|
-
export default Column;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Column as AntColumn } from "@ant-design/plots";
|
|
3
|
+
declare type AntColumnProps = typeof AntColumn;
|
|
4
|
+
export interface ColumnProps extends React.ComponentProps<AntColumnProps> {
|
|
5
|
+
}
|
|
6
|
+
declare const Column: (props: ColumnProps) => JSX.Element;
|
|
7
|
+
export default Column;
|
package/es/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import Line from "./line";
|
|
2
|
-
import Pie from "./pie";
|
|
3
|
-
import Bar from "./bar";
|
|
4
|
-
import Area from "./area";
|
|
5
|
-
import Column from "./column";
|
|
6
|
-
export { Line, Pie, Bar, Area, Column };
|
|
1
|
+
import Line from "./line";
|
|
2
|
+
import Pie from "./pie";
|
|
3
|
+
import Bar from "./bar";
|
|
4
|
+
import Area from "./area";
|
|
5
|
+
import Column from "./column";
|
|
6
|
+
export { Line, Pie, Bar, Area, Column };
|
package/es/line/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Line as AntLine } from "@ant-design/plots";
|
|
3
|
-
declare type AntLineProps = typeof AntLine;
|
|
4
|
-
export interface LineProps extends React.ComponentProps<AntLineProps> {
|
|
5
|
-
others: any;
|
|
6
|
-
}
|
|
7
|
-
declare const Line: (props: LineProps) => JSX.Element;
|
|
8
|
-
export default Line;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Line as AntLine } from "@ant-design/plots";
|
|
3
|
+
declare type AntLineProps = typeof AntLine;
|
|
4
|
+
export interface LineProps extends React.ComponentProps<AntLineProps> {
|
|
5
|
+
others: any;
|
|
6
|
+
}
|
|
7
|
+
declare const Line: (props: LineProps) => JSX.Element;
|
|
8
|
+
export default Line;
|
package/es/pie/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Pie as AntPie } from "@ant-design/plots";
|
|
3
|
-
declare type AntPieProps = typeof AntPie;
|
|
4
|
-
export interface PieProps extends React.ComponentProps<AntPieProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const Pie: (props: PieProps) => JSX.Element;
|
|
7
|
-
export default Pie;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Pie as AntPie } from "@ant-design/plots";
|
|
3
|
+
declare type AntPieProps = typeof AntPie;
|
|
4
|
+
export interface PieProps extends React.ComponentProps<AntPieProps> {
|
|
5
|
+
}
|
|
6
|
+
declare const Pie: (props: PieProps) => JSX.Element;
|
|
7
|
+
export default Pie;
|
package/lib/area/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Area as AntArea } from "@ant-design/plots";
|
|
3
|
-
declare type AntAreaProps = typeof AntArea;
|
|
4
|
-
export interface AreaProps extends React.ComponentProps<AntAreaProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const Area: (props: AreaProps) => JSX.Element;
|
|
7
|
-
export default Area;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Area as AntArea } from "@ant-design/plots";
|
|
3
|
+
declare type AntAreaProps = typeof AntArea;
|
|
4
|
+
export interface AreaProps extends React.ComponentProps<AntAreaProps> {
|
|
5
|
+
}
|
|
6
|
+
declare const Area: (props: AreaProps) => JSX.Element;
|
|
7
|
+
export default Area;
|
package/lib/bar/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Bar as AntBar } from "@ant-design/plots";
|
|
3
|
-
declare type AntBarProps = typeof AntBar;
|
|
4
|
-
export interface BarProps extends React.ComponentProps<AntBarProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const Bar: (props: BarProps) => JSX.Element;
|
|
7
|
-
export default Bar;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Bar as AntBar } from "@ant-design/plots";
|
|
3
|
+
declare type AntBarProps = typeof AntBar;
|
|
4
|
+
export interface BarProps extends React.ComponentProps<AntBarProps> {
|
|
5
|
+
}
|
|
6
|
+
declare const Bar: (props: BarProps) => JSX.Element;
|
|
7
|
+
export default Bar;
|
package/lib/column/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Column as AntColumn } from "@ant-design/plots";
|
|
3
|
-
declare type AntColumnProps = typeof AntColumn;
|
|
4
|
-
export interface ColumnProps extends React.ComponentProps<AntColumnProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const Column: (props: ColumnProps) => JSX.Element;
|
|
7
|
-
export default Column;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Column as AntColumn } from "@ant-design/plots";
|
|
3
|
+
declare type AntColumnProps = typeof AntColumn;
|
|
4
|
+
export interface ColumnProps extends React.ComponentProps<AntColumnProps> {
|
|
5
|
+
}
|
|
6
|
+
declare const Column: (props: ColumnProps) => JSX.Element;
|
|
7
|
+
export default Column;
|
package/lib/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import Line from "./line";
|
|
2
|
-
import Pie from "./pie";
|
|
3
|
-
import Bar from "./bar";
|
|
4
|
-
import Area from "./area";
|
|
5
|
-
import Column from "./column";
|
|
6
|
-
export { Line, Pie, Bar, Area, Column };
|
|
1
|
+
import Line from "./line";
|
|
2
|
+
import Pie from "./pie";
|
|
3
|
+
import Bar from "./bar";
|
|
4
|
+
import Area from "./area";
|
|
5
|
+
import Column from "./column";
|
|
6
|
+
export { Line, Pie, Bar, Area, Column };
|
package/lib/line/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Line as AntLine } from "@ant-design/plots";
|
|
3
|
-
declare type AntLineProps = typeof AntLine;
|
|
4
|
-
export interface LineProps extends React.ComponentProps<AntLineProps> {
|
|
5
|
-
others: any;
|
|
6
|
-
}
|
|
7
|
-
declare const Line: (props: LineProps) => JSX.Element;
|
|
8
|
-
export default Line;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Line as AntLine } from "@ant-design/plots";
|
|
3
|
+
declare type AntLineProps = typeof AntLine;
|
|
4
|
+
export interface LineProps extends React.ComponentProps<AntLineProps> {
|
|
5
|
+
others: any;
|
|
6
|
+
}
|
|
7
|
+
declare const Line: (props: LineProps) => JSX.Element;
|
|
8
|
+
export default Line;
|
package/lib/pie/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Pie as AntPie } from "@ant-design/plots";
|
|
3
|
-
declare type AntPieProps = typeof AntPie;
|
|
4
|
-
export interface PieProps extends React.ComponentProps<AntPieProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const Pie: (props: PieProps) => JSX.Element;
|
|
7
|
-
export default Pie;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Pie as AntPie } from "@ant-design/plots";
|
|
3
|
+
declare type AntPieProps = typeof AntPie;
|
|
4
|
+
export interface PieProps extends React.ComponentProps<AntPieProps> {
|
|
5
|
+
}
|
|
6
|
+
declare const Pie: (props: PieProps) => JSX.Element;
|
|
7
|
+
export default Pie;
|
package/lowcode/area/meta.ts
CHANGED
|
@@ -1,135 +1,135 @@
|
|
|
1
|
-
import { ComponentMetadata, Snippet } from "@alilc/lowcode-types";
|
|
2
|
-
import { chartWrap } from "../common/chartWrap";
|
|
3
|
-
|
|
4
|
-
const AreaMeta: ComponentMetadata = {
|
|
5
|
-
componentName: "Area",
|
|
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: "Area",
|
|
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: "line.style.lineWidth",
|
|
71
|
-
title: "粗细",
|
|
72
|
-
setter: "NumberSetter",
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
name: "smooth",
|
|
76
|
-
title: "平滑",
|
|
77
|
-
setter: "BoolSetter",
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
name: "point.visible",
|
|
81
|
-
title: "显示点",
|
|
82
|
-
setter: "BoolSetter",
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
name: "label.visible",
|
|
86
|
-
title: "显示标签",
|
|
87
|
-
setter: "BoolSetter",
|
|
88
|
-
},
|
|
89
|
-
{
|
|
90
|
-
name: "autoFit",
|
|
91
|
-
title: "自适应容器宽高",
|
|
92
|
-
setter: "BoolSetter",
|
|
93
|
-
},
|
|
94
|
-
],
|
|
95
|
-
},
|
|
96
|
-
],
|
|
97
|
-
configure: {
|
|
98
|
-
},
|
|
99
|
-
};
|
|
100
|
-
const snippets: Snippet[] = [
|
|
101
|
-
{
|
|
102
|
-
title: '面积图',
|
|
103
|
-
screenshot:
|
|
104
|
-
'https://img.alicdn.com/imgextra/i2/O1CN012P76ko1dqUbwwmuF8_!!6000000003787-55-tps-56-56.svg',
|
|
105
|
-
schema: {
|
|
106
|
-
componentName: 'Area',
|
|
107
|
-
props: {
|
|
108
|
-
data: [
|
|
109
|
-
{ year: '1991', value: '72345678' },
|
|
110
|
-
{ year: '1992', value: '4321132' },
|
|
111
|
-
{ year: '1993', value: '33121112.5' },
|
|
112
|
-
{ year: '1994', value: '45227221' },
|
|
113
|
-
{ year: '1995', value: 4321221.9 },
|
|
114
|
-
{ year: '1996', value: 6322121 },
|
|
115
|
-
{ year: '1997', value: 78312213 },
|
|
116
|
-
{ year: '1998', value: 4192312 },
|
|
117
|
-
{ year: '1999', value: 6212332 },
|
|
118
|
-
{ year: '2000', value: 3192312 },
|
|
119
|
-
],
|
|
120
|
-
xField: 'year',
|
|
121
|
-
yField: 'value',
|
|
122
|
-
autoFit: true,
|
|
123
|
-
// color: '#0079f2',
|
|
124
|
-
// label: {
|
|
125
|
-
// visible: true,
|
|
126
|
-
// },
|
|
127
|
-
},
|
|
128
|
-
},
|
|
129
|
-
},
|
|
130
|
-
];
|
|
131
|
-
|
|
132
|
-
export default {
|
|
133
|
-
...AreaMeta,
|
|
134
|
-
snippets,
|
|
135
|
-
};
|
|
1
|
+
import { ComponentMetadata, Snippet } from "@alilc/lowcode-types";
|
|
2
|
+
import { chartWrap } from "../common/chartWrap";
|
|
3
|
+
|
|
4
|
+
const AreaMeta: ComponentMetadata = {
|
|
5
|
+
componentName: "Area",
|
|
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: "Area",
|
|
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: "line.style.lineWidth",
|
|
71
|
+
title: "粗细",
|
|
72
|
+
setter: "NumberSetter",
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
name: "smooth",
|
|
76
|
+
title: "平滑",
|
|
77
|
+
setter: "BoolSetter",
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
name: "point.visible",
|
|
81
|
+
title: "显示点",
|
|
82
|
+
setter: "BoolSetter",
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
name: "label.visible",
|
|
86
|
+
title: "显示标签",
|
|
87
|
+
setter: "BoolSetter",
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
name: "autoFit",
|
|
91
|
+
title: "自适应容器宽高",
|
|
92
|
+
setter: "BoolSetter",
|
|
93
|
+
},
|
|
94
|
+
],
|
|
95
|
+
},
|
|
96
|
+
],
|
|
97
|
+
configure: {
|
|
98
|
+
},
|
|
99
|
+
};
|
|
100
|
+
const snippets: Snippet[] = [
|
|
101
|
+
{
|
|
102
|
+
title: '面积图',
|
|
103
|
+
screenshot:
|
|
104
|
+
'https://img.alicdn.com/imgextra/i2/O1CN012P76ko1dqUbwwmuF8_!!6000000003787-55-tps-56-56.svg',
|
|
105
|
+
schema: {
|
|
106
|
+
componentName: 'Area',
|
|
107
|
+
props: {
|
|
108
|
+
data: [
|
|
109
|
+
{ year: '1991', value: '72345678' },
|
|
110
|
+
{ year: '1992', value: '4321132' },
|
|
111
|
+
{ year: '1993', value: '33121112.5' },
|
|
112
|
+
{ year: '1994', value: '45227221' },
|
|
113
|
+
{ year: '1995', value: 4321221.9 },
|
|
114
|
+
{ year: '1996', value: 6322121 },
|
|
115
|
+
{ year: '1997', value: 78312213 },
|
|
116
|
+
{ year: '1998', value: 4192312 },
|
|
117
|
+
{ year: '1999', value: 6212332 },
|
|
118
|
+
{ year: '2000', value: 3192312 },
|
|
119
|
+
],
|
|
120
|
+
xField: 'year',
|
|
121
|
+
yField: 'value',
|
|
122
|
+
autoFit: true,
|
|
123
|
+
// color: '#0079f2',
|
|
124
|
+
// label: {
|
|
125
|
+
// visible: true,
|
|
126
|
+
// },
|
|
127
|
+
},
|
|
128
|
+
},
|
|
129
|
+
},
|
|
130
|
+
];
|
|
131
|
+
|
|
132
|
+
export default {
|
|
133
|
+
...AreaMeta,
|
|
134
|
+
snippets,
|
|
135
|
+
};
|