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
|
| import { commonConfig, displayOption } from 'data-room-ui/js/config'
|
| export const settingConfig = {
| // text内容
| text: '时间选择器',
| // 设置面板属性的显隐
| displayOption: {
| ...displayOption,
| dataAllocation: { enable: true },
| dataSourceType: { enable: false },
| params: { enable: false }
| }
| }
|
| const customConfig = {
| type: 'timePicker',
| // 名称
| title: '时间选择器',
| root: {
| version: '2023071001',
| // 绕x轴旋转角度
| rotateX: 0,
| // 绕y轴旋转角度
| rotateY: 0,
| // 绕z轴旋转角度
| rotateZ: 0,
| // 透视距离
| perspective: 0,
| skewX: 0,
| skewY: 0
| },
| // 自定义属性
| customize: {
| value: '',
| // 选择框背景颜色
| backgroundColor: '#00000000',
| // 选择框文字颜色
| fontColor: '#FFFFFF',
| // 选择框字体大小
| fontSize: 14,
| // 下拉框背景颜色
| dropDownBackgroundColor: '#35393F',
| // 下拉框字体颜色
| dropDownFontColor: '#FFFFFF',
| // 下拉项hover背景颜色
| dropDownHoverBackgroundColor: '#6A7E9D',
| // 下拉项hover字体颜色
| dropDownHoverFontColor: '#FFFFFF',
| // 下拉项激活文字颜色
| dropDownSelectedFontColor: '#409EFF',
| // 时间格式化类型:时间戳（timestamp），自定义（custom）
| formatType: 'custom',
| // 时间格式化
| format: 'HH:mm:ss',
| // 绑定值的格式
| valueFormat: 'HH:mm:ss'
| }
| }
| export const dataConfig = {
| ...commonConfig(customConfig)
| }
|
|
