1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
import React from 'react';
import { Form, Col, Select } from 'antd';
import { canvas } from '../../../index';
const Button = ({ getFieldDecorator, data }) => {
return (
<>
<Col span={24}>
<Form.Item label="按钮主题">
{getFieldDecorator('type', {
initialValue: 'primary'
})(
<Select style={{ width: 200 }}>
<Select.Option value="primary" key="primary">
primary
</Select.Option>
<Select.Option value="default" key="default">
default
</Select.Option>
<Select.Option value="dashed" key="dashed">
dashed
</Select.Option>
<Select.Option value="danger" key="danger">
danger
</Select.Option>
<Select.Option value="link" key="link">
link
</Select.Option>
</Select>
)}
</Form.Item>
</Col>
<Col span={24}>
<Form.Item label="按钮大小">
{getFieldDecorator('size', {
initialValue: 'default'
})(
<Select style={{ width: 200 }}>
<Select.Option value="small" key="small">
small
</Select.Option>
<Select.Option value="default" key="default">
default
</Select.Option>
<Select.Option value="large" key="large">
large
</Select.Option>
</Select>
)}
</Form.Item>
</Col>
<Col span={24}>
<Form.Item label="绑定图例">
{getFieldDecorator('bind', {
initialValue: data.bind
})(
<Select style={{ width: 200 }} mode="multiple" placeholder="请选择图例">
{canvas.data.pens.map((item) => (
<Select.Option key={item.id}>{item.id}-{item.name}</Select.Option>
))}
</Select>
)}
</Form.Item>
</Col>
</>
);
};
export default Button;