@lingxiteam/theme-utils 0.2.16 → 0.3.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.
Files changed (55) hide show
  1. package/dist/config/Button.d.ts +6 -0
  2. package/dist/config/Button.js +10 -4
  3. package/dist/config/Card.d.ts +4 -0
  4. package/dist/config/Card.js +7 -3
  5. package/dist/config/Cascader.d.ts +16 -16
  6. package/dist/config/Cascader.js +16 -16
  7. package/dist/config/Checkbox.d.ts +2 -0
  8. package/dist/config/Checkbox.js +4 -2
  9. package/dist/config/CheckboxGroup.d.ts +2 -0
  10. package/dist/config/CheckboxGroup.js +4 -2
  11. package/dist/config/Collapse.d.ts +6 -0
  12. package/dist/config/Collapse.js +10 -4
  13. package/dist/config/Container.d.ts +6 -0
  14. package/dist/config/Container.js +8 -2
  15. package/dist/config/DatePicker.d.ts +13 -11
  16. package/dist/config/DatePicker.js +15 -13
  17. package/dist/config/Description.d.ts +8 -0
  18. package/dist/config/Description.js +11 -3
  19. package/dist/config/Form.d.ts +7 -0
  20. package/dist/config/Form.js +11 -4
  21. package/dist/config/Radio.d.ts +2 -0
  22. package/dist/config/Radio.js +4 -2
  23. package/dist/config/RangePicker.d.ts +19 -16
  24. package/dist/config/RangePicker.js +21 -18
  25. package/dist/config/StdUpload.d.ts +25 -22
  26. package/dist/config/StdUpload.js +26 -23
  27. package/dist/config/Table.d.ts +8 -0
  28. package/dist/config/Table.js +13 -5
  29. package/dist/config/Tabs.d.ts +3 -0
  30. package/dist/config/Tabs.js +7 -4
  31. package/dist/config/TimePicker.d.ts +13 -11
  32. package/dist/config/TimePicker.js +14 -12
  33. package/dist/config/Tree.d.ts +7 -0
  34. package/dist/config/Tree.js +12 -5
  35. package/dist/config/TreeSelect.d.ts +16 -16
  36. package/dist/config/TreeSelect.js +16 -16
  37. package/dist/h5config/Accordion.d.ts +1 -1
  38. package/dist/h5config/Accordion.js +2 -2
  39. package/dist/h5config/Button.d.ts +1 -1
  40. package/dist/h5config/Button.js +2 -2
  41. package/dist/h5config/Card.d.ts +1 -1
  42. package/dist/h5config/Card.js +2 -2
  43. package/dist/h5config/DCheckbox.d.ts +1 -1
  44. package/dist/h5config/DCheckbox.js +3 -3
  45. package/dist/h5config/DformFile.d.ts +1 -1
  46. package/dist/h5config/DformFile.js +2 -2
  47. package/dist/h5config/DformRadio.d.ts +1 -1
  48. package/dist/h5config/DformRadio.js +3 -3
  49. package/dist/h5config/DformSwitch.d.ts +1 -1
  50. package/dist/h5config/DformSwitch.js +2 -2
  51. package/dist/h5config/StaticTabs.d.ts +1 -1
  52. package/dist/h5config/StaticTabs.js +3 -3
  53. package/dist/lx-mobile.d.ts +1 -1
  54. package/dist/lx-mobile.js +17 -14
  55. package/package.json +1 -1
@@ -5,6 +5,7 @@ export declare const Button: {
5
5
  type: string;
6
6
  label: string;
7
7
  groupsName: string;
8
+ followTheme: string;
8
9
  };
9
10
  lineHeight: {
10
11
  type: string;
@@ -28,11 +29,13 @@ export declare const Button: {
28
29
  type: string;
29
30
  label: string;
30
31
  groupsName: string;
32
+ followTheme: string;
31
33
  };
32
34
  borderRadius: {
33
35
  type: string;
34
36
  label: string;
35
37
  groupsName: string;
38
+ followTheme: string;
36
39
  };
37
40
  paddingValue: {
38
41
  type: string;
@@ -60,6 +63,9 @@ export declare const Button: {
60
63
  followThemes: {
61
64
  '@primary-color': string[];
62
65
  '@font-size-base': string[];
66
+ '@border-radius-base': string[];
67
+ '@border-color-base': string[];
68
+ '@text-color': never[];
63
69
  };
64
70
  tpl: string;
65
71
  components: {
@@ -4,7 +4,8 @@ export var Button = {
4
4
  textColor: {
5
5
  type: 'color',
6
6
  label: '文本颜色',
7
- groupsName: '文字'
7
+ groupsName: '文字',
8
+ followTheme: '@text-color'
8
9
  },
9
10
  lineHeight: {
10
11
  type: 'px',
@@ -27,12 +28,14 @@ export var Button = {
27
28
  borderColor: {
28
29
  type: 'color',
29
30
  label: '边框颜色',
30
- groupsName: '边框'
31
+ groupsName: '边框',
32
+ followTheme: '@border-color-base'
31
33
  },
32
34
  borderRadius: {
33
35
  type: 'px',
34
36
  label: '边框圆角',
35
- groupsName: '边框'
37
+ groupsName: '边框',
38
+ followTheme: '@border-radius-base'
36
39
  },
37
40
  paddingValue: {
38
41
  type: 'marginInput',
@@ -59,7 +62,10 @@ export var Button = {
59
62
  }],
60
63
  followThemes: {
61
64
  '@primary-color': ['backgroundColor'],
62
- '@font-size-base': ['fontSize']
65
+ '@font-size-base': ['fontSize'],
66
+ '@border-radius-base': ['borderRadius'],
67
+ '@border-color-base': ['borderColor'],
68
+ '@text-color': []
63
69
  },
64
70
  tpl: "\n.ued-button-wrap.pcfactory-btn {\n line-height: lineHeight;\n font-size: fontSize;\n padding: paddingValue;\n margin: marginValue;\n }\n.ued-button-wrap.pcfactory-btn-primary {\n background-color: backgroundColor;\n border-color: borderColor;\n border-radius: borderRadius;\n }\n.ued-button-wrap.pcfactory-btn-default {\n color: textColor;\n border-color: borderColor;\n border-radius: borderRadius;\n }\n.ued-button-wrap.pcfactory-btn-dashed {\n color: textColor;\n border-color: borderColor;\n border-radius: borderRadius;\n }\n.ued-button-wrap.pcfactory-btn.pcfactory-btn-dashed:hover {\n border-color: backgroundColor;\n color: backgroundColor;\n }\n.ued-button-wrap.pcfactory-btn.pcfactory-btn-default:hover {\n border-color: backgroundColor;\n color: backgroundColor;\n }\n.ued-button-wrap.pcfactory-btn-text {\n color: textColor;\n }\n.ued-button-wrap.pcfactory-btn-link {\n color: backgroundColor;\n }\n ",
65
71
  components: [{
@@ -62,11 +62,13 @@ export declare const Card: {
62
62
  type: string;
63
63
  label: string;
64
64
  groupsName: string;
65
+ followTheme: string;
65
66
  };
66
67
  borderRadius: {
67
68
  type: string;
68
69
  label: string;
69
70
  groupsName: string;
71
+ followTheme: string;
70
72
  };
71
73
  bodyColor: {
72
74
  type: string;
@@ -94,6 +96,8 @@ export declare const Card: {
94
96
  }[];
95
97
  followThemes: {
96
98
  '@primary-color': string[];
99
+ '@border-radius-base': never[];
100
+ '@border-color-base': never[];
97
101
  };
98
102
  tpl: string;
99
103
  components: {
@@ -79,12 +79,14 @@ export var Card = {
79
79
  borderColor: {
80
80
  type: 'color',
81
81
  label: '边框颜色',
82
- groupsName: '边框'
82
+ groupsName: '边框',
83
+ followTheme: '@border-color-base'
83
84
  },
84
85
  borderRadius: {
85
86
  type: 'px',
86
87
  label: '边框圆角',
87
- groupsName: '边框'
88
+ groupsName: '边框',
89
+ followTheme: '@border-radius-base'
88
90
  },
89
91
  bodyColor: {
90
92
  type: 'color',
@@ -111,7 +113,9 @@ export var Card = {
111
113
  lineColor: '#f0f0f0'
112
114
  }],
113
115
  followThemes: {
114
- '@primary-color': ['titleColor']
116
+ '@primary-color': ['titleColor'],
117
+ '@border-radius-base': [],
118
+ '@border-color-base': []
115
119
  },
116
120
  tpl: "\n .pcfactory-card{\n border-radius: borderRadius;\n }\n .ued-card.pcfactory-card-bordered .pcfactory-card-head {\n background-color: backgroundColor;\n border-color: lineColor;\n border-top-left-radius: borderRadius;\n border-top-right-radius: borderRadius;\n }\n .ued-card.pcfactory-card-bordered {\n border-color: borderColor;\n }\n .ued-card.pcfactory-card-bordered {\n border-color: borderColor;\n }\n .ued-card .ued-card-title-icon-auto>i {\n color: titleColor;\n margin-right: tagMargin;\n }\n .ued-card .ued-card-title-icon-auto span{\n color: titleColor;\n margin-right: tagMargin;\n }\n .ued-card .ued-card-title::before {\n color: titleColor;\n background: titleColor;\n margin-right: tagMargin;\n }\n .ued-card .ued-card-title-icon-auto>i svg{\n width: tagSize;\n height: tagSize;\n }\n .ued-card .ued-card-title-icon-auto span svg{\n width: tagSize;\n height: tagSize;\n }\n .ued-card .pcfactory-card-body{\n background-color: bodyColor;\n border-bottom-right-radius: borderRadius;\n border-bottom-left-radius: borderRadius;\n }",
117
121
  components: [{
@@ -2,6 +2,22 @@ export declare const Cascader: {
2
2
  type: string;
3
3
  hasPrefixClass: boolean;
4
4
  variable: {
5
+ iconFontSize: {
6
+ type: string;
7
+ label: string;
8
+ groupsName: string;
9
+ desc: string;
10
+ };
11
+ iconTop: {
12
+ type: string;
13
+ label: string;
14
+ groupsName: string;
15
+ };
16
+ iconColor: {
17
+ type: string;
18
+ label: string;
19
+ groupsName: string;
20
+ };
5
21
  labelTextColor: {
6
22
  type: string;
7
23
  label: string;
@@ -58,22 +74,6 @@ export declare const Cascader: {
58
74
  canEdit: boolean;
59
75
  extendsKey: string;
60
76
  };
61
- iconFontSize: {
62
- type: string;
63
- label: string;
64
- groupsName: string;
65
- desc: string;
66
- };
67
- iconTop: {
68
- type: string;
69
- label: string;
70
- groupsName: string;
71
- };
72
- iconColor: {
73
- type: string;
74
- label: string;
75
- groupsName: string;
76
- };
77
77
  };
78
78
  groupsName: string;
79
79
  icon: string;
@@ -2,6 +2,22 @@ export var Cascader = {
2
2
  type: 'Cascader',
3
3
  hasPrefixClass: true,
4
4
  variable: {
5
+ iconFontSize: {
6
+ type: 'px',
7
+ label: '下拉图标尺寸',
8
+ groupsName: '文字',
9
+ desc: '请根据实际【文本尺寸】调整,不宜与【文本尺寸】大小差异过大'
10
+ },
11
+ iconTop: {
12
+ type: 'px',
13
+ label: '下拉图标距离顶部',
14
+ groupsName: '文字'
15
+ },
16
+ iconColor: {
17
+ type: 'color',
18
+ label: '下拉图标颜色',
19
+ groupsName: '文字'
20
+ },
5
21
  labelTextColor: {
6
22
  type: 'color',
7
23
  label: '标题文本颜色',
@@ -57,22 +73,6 @@ export var Cascader = {
57
73
  desc: '继承自表单,此处不可编辑',
58
74
  canEdit: false,
59
75
  extendsKey: 'Form'
60
- },
61
- iconFontSize: {
62
- type: 'px',
63
- label: '下拉图标尺寸',
64
- groupsName: '文字',
65
- desc: '请根据实际【文本尺寸】调整,不宜与【文本尺寸】大小差异过大'
66
- },
67
- iconTop: {
68
- type: 'px',
69
- label: '下拉图标距离顶部',
70
- groupsName: '文字'
71
- },
72
- iconColor: {
73
- type: 'color',
74
- label: '下拉图标颜色',
75
- groupsName: '文字'
76
76
  }
77
77
  },
78
78
  groupsName: '数据录入',
@@ -51,6 +51,7 @@ export declare const Checkbox: {
51
51
  type: string;
52
52
  label: string;
53
53
  groupsName: string;
54
+ followTheme: string;
54
55
  };
55
56
  radioBgColor: {
56
57
  type: string;
@@ -82,6 +83,7 @@ export declare const Checkbox: {
82
83
  }[];
83
84
  followThemes: {
84
85
  '@primary-color': string[];
86
+ '@border-color-base': string[];
85
87
  };
86
88
  tpl: string;
87
89
  components: {
@@ -50,7 +50,8 @@ export var Checkbox = {
50
50
  radioBorderColor: {
51
51
  type: 'color',
52
52
  label: '默认边框颜色',
53
- groupsName: '边框'
53
+ groupsName: '边框',
54
+ followTheme: '@border-color-base'
54
55
  },
55
56
  radioBgColor: {
56
57
  type: 'color',
@@ -81,7 +82,8 @@ export var Checkbox = {
81
82
  radioSeBgColor: '#47e'
82
83
  }],
83
84
  followThemes: {
84
- '@primary-color': ['radioSeBgColor', 'radioSeBorderColor']
85
+ '@primary-color': ['radioSeBgColor', 'radioSeBorderColor'],
86
+ '@border-color-base': ['radioBorderColor']
85
87
  },
86
88
  tpl: ".ued-checkbox-wrap{\n .pcfactory-checkbox-inner{\n width: radioSize;\n height: radioSize;\n border-color: radioBorderColor;\n background: radioBgColor;\n }\n .pcfactory-checkbox-checked .pcfactory-checkbox-inner{\n border-color: radioSeBorderColor;\n background: radioSeBgColor;\n }\n .pcfactory-checkbox-input:focus+.pcfactory-checkbox-inner{\n border-color: radioSeBorderColor;\n }\n .pcfactory-checkbox-wrapper:hover .pcfactory-checkbox{\n border-color: radioSeBorderColor;\n}\n.pcfactory-checkbox:hover .pcfactory-checkbox-inner {\n border-color: radioSeBorderColor;\n }\n .pcfactory-form-item input[type=checkbox], .pcfactory-form-item input[type=radio]{\n width: radioSize;\n height: radioSize;\n }\n .pcfactory-checkbox-indeterminate .pcfactory-checkbox-inner:after{\n background: radioSeBgColor;\n width: calc(0.47* radioSize);\n height: calc(0.47* radioSize);\n }\n .pcfactory-checkbox-checked .pcfactory-checkbox-inner:after{\n width: calc(0.35* radioSize);\n height: calc(0.57* radioSize);\n }\n }",
87
89
  components: [{
@@ -51,6 +51,7 @@ export declare const CheckboxGroup: {
51
51
  type: string;
52
52
  label: string;
53
53
  groupsName: string;
54
+ followTheme: string;
54
55
  };
55
56
  radioBgColor: {
56
57
  type: string;
@@ -82,6 +83,7 @@ export declare const CheckboxGroup: {
82
83
  }[];
83
84
  followThemes: {
84
85
  '@primary-color': string[];
86
+ '@border-color-base': string[];
85
87
  };
86
88
  tpl: string;
87
89
  components: {
@@ -50,7 +50,8 @@ export var CheckboxGroup = {
50
50
  radioBorderColor: {
51
51
  type: 'color',
52
52
  label: '默认边框颜色',
53
- groupsName: '边框'
53
+ groupsName: '边框',
54
+ followTheme: '@border-color-base'
54
55
  },
55
56
  radioBgColor: {
56
57
  type: 'color',
@@ -81,7 +82,8 @@ export var CheckboxGroup = {
81
82
  radioSeBgColor: '#47e'
82
83
  }],
83
84
  followThemes: {
84
- '@primary-color': ['radioSeBorderColor', 'radioSeBgColor']
85
+ '@primary-color': ['radioSeBorderColor', 'radioSeBgColor'],
86
+ '@border-color-base': ['radioBorderColor']
85
87
  },
86
88
  tpl: ".ued-checkboxgroup-wrap {\n .pcfactory-checkbox-inner{\n width: radioSize;\n height: radioSize;\n border-color: radioBorderColor;\n background: radioBgColor;\n }\n .pcfactory-checkbox-checked .pcfactory-checkbox-inner{\n border-color: radioSeBorderColor;\n background: radioSeBgColor;\n }\n .pcfactory-checkbox-input:focus+.pcfactory-checkbox-inner{\n border-color: radioSeBorderColor;\n }\n .pcfactory-checkbox-wrapper:hover .pcfactory-checkbox{\n border-color: radioSeBorderColor;\n}\n .pcfactory-checkbox:hover .pcfactory-checkbox-inner {\n border-color: radioSeBorderColor;\n }\n .pcfactory-form-item input[type=checkbox]{\n width: radioSize;\n height: radioSize;\n }\n .pcfactory-form-item input[type=radio]{\n width: radioSize;\n height: radioSize;\n }\n .pcfactory-checkbox-indeterminate .pcfactory-checkbox-inner:after{\n background: radioSeBgColor;\n width: calc(0.47* radioSize);\n height: calc(0.47* radioSize);\n }\n .pcfactory-checkbox-checked .pcfactory-checkbox-inner:after{\n width: calc(0.35* radioSize);\n height: calc(0.57* radioSize);\n }\n }",
87
89
  components: [{
@@ -41,6 +41,7 @@ export declare const Collapse: {
41
41
  type: string;
42
42
  label: string;
43
43
  groupsName: string;
44
+ followTheme: string;
44
45
  };
45
46
  tagSize: {
46
47
  type: string;
@@ -67,11 +68,13 @@ export declare const Collapse: {
67
68
  type: string;
68
69
  label: string;
69
70
  groupsName: string;
71
+ followTheme: string;
70
72
  };
71
73
  borderRadius: {
72
74
  type: string;
73
75
  label: string;
74
76
  groupsName: string;
77
+ followTheme: string;
75
78
  };
76
79
  lineColor: {
77
80
  type: string;
@@ -100,6 +103,9 @@ export declare const Collapse: {
100
103
  }[];
101
104
  followThemes: {
102
105
  '@font-size-base': string[];
106
+ '@primary-color': string[];
107
+ '@border-radius-base': never[];
108
+ '@border-color-base': never[];
103
109
  };
104
110
  tpl: string;
105
111
  components: {
@@ -58,7 +58,8 @@ export var Collapse = {
58
58
  titleColor: {
59
59
  type: 'color',
60
60
  label: '装饰图标颜色',
61
- groupsName: '颜色'
61
+ groupsName: '颜色',
62
+ followTheme: '@primary-color'
62
63
  },
63
64
  tagSize: {
64
65
  type: 'px',
@@ -84,12 +85,14 @@ export var Collapse = {
84
85
  borderColor: {
85
86
  type: 'color',
86
87
  label: '边框颜色',
87
- groupsName: '边框'
88
+ groupsName: '边框',
89
+ followTheme: '@border-color-base'
88
90
  },
89
91
  borderRadius: {
90
92
  type: 'px',
91
93
  label: '边框圆角',
92
- groupsName: '边框'
94
+ groupsName: '边框',
95
+ followTheme: '@border-radius-base'
93
96
  },
94
97
  lineColor: {
95
98
  type: 'color',
@@ -117,7 +120,10 @@ export var Collapse = {
117
120
  bodyColor: '#fff'
118
121
  }],
119
122
  followThemes: {
120
- '@font-size-base': ['arrowSize']
123
+ '@font-size-base': ['arrowSize'],
124
+ '@primary-color': ['titleColor'],
125
+ '@border-radius-base': [],
126
+ '@border-color-base': []
121
127
  },
122
128
  tpl: ".ued-collapse-wrap .ued-collapse-panel-header-icon-auto span, .ued-collapse-wrap .ued-collapse-panel-header-icon-auto>i{\n color: titleColor;\n margin-right: tagMargin;\n }\n .ued-collapse-wrap .ued-collapse-panel-header-icon-auto span svg, .ued-collapse-wrap .ued-collapse-panel-header-icon-auto>i svg{\n width: tagSize;\n height: tagSize;\n}\n.ued-collapse-wrap .pcfactory-collapse.pcfactory-collapse-icon-position-right>.pcfactory-collapse-item>.pcfactory-collapse-header .pcfactory-collapse-arrow {\n color: arrowColor;\n}\n.ued-collapse-wrap .pcfactory-collapse.pcfactory-collapse-icon-position-right>.pcfactory-collapse-item>.pcfactory-collapse-header .pcfactory-collapse-arrow svg{\n width: arrowSize;\n height: arrowSize;\n}\n.ued-collapse-wrap .pcfactory-collapse{\n border-color: borderColor;\n border-radius: borderRadius;\n}\n.ued-collapse-wrap .pcfactory-collapse>.pcfactory-collapse-item{\n border-color: borderColor;\n\n}\n.ued-collapse-wrap .pcfactory-collapse>.pcfactory-collapse-item>.pcfactory-collapse-content{\n border-color: lineColor;\n}\n.ued-collapse-wrap .pcfactory-collapse>div:last-child{\n border-bottom-right-radius: borderRadius;\n border-bottom-left-radius: borderRadius;\n .pcfactory-collapse-header{\n border-bottom-right-radius: borderRadius;\n border-bottom-left-radius: borderRadius;\n }\n}\n.ued-collapse-wrap .pcfactory-collapse .pcfactory-collapse-item-active:last-child {\n .pcfactory-collapse-header{\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n}\n.ued-collapse-wrap .pcfactory-collapse-item:last-child>.pcfactory-collapse-content{\n border-bottom-right-radius: borderRadius;\n border-bottom-left-radius: borderRadius;\n .ued-collapse-pane-content{\n border-bottom-right-radius: borderRadius;\n border-bottom-left-radius: borderRadius;\n }\n}\n.ued-collapse-wrap .pcfactory-collapse>div:first-child {\n border-top-left-radius: borderRadius;\n border-top-right-radius: borderRadius;\n .pcfactory-collapse-header{\n border-top-left-radius: borderRadius;\n border-top-right-radius: borderRadius;\n }\n}\n.ued-collapse-wrap .pcfactory-collapse>.pcfactory-collapse-item>.pcfactory-collapse-content>.pcfactory-collapse-content-box .ued-collapse-pane-content{\n background-color: bodyColor;\n}",
123
129
  components: [{
@@ -7,6 +7,7 @@ export declare const Container: {
7
7
  label: string;
8
8
  groupsName: string;
9
9
  desc: string;
10
+ followTheme: string;
10
11
  };
11
12
  lineHeight: {
12
13
  type: string;
@@ -19,6 +20,7 @@ export declare const Container: {
19
20
  label: string;
20
21
  groupsName: string;
21
22
  desc: string;
23
+ followTheme: string;
22
24
  };
23
25
  fontWeight: {
24
26
  type: string;
@@ -41,6 +43,10 @@ export declare const Container: {
41
43
  fontSize: string;
42
44
  fontWeight: string;
43
45
  }[];
46
+ followThemes: {
47
+ '@heading-color': string[];
48
+ '@font-size-base': never[];
49
+ };
44
50
  tpl: string;
45
51
  components: ({
46
52
  id: string;
@@ -6,7 +6,8 @@ export var Container = {
6
6
  type: 'color',
7
7
  label: '标题文本颜色',
8
8
  groupsName: '文字',
9
- desc: '对卡片标题、折叠面板标题、表格头部标题生效'
9
+ desc: '对卡片标题、折叠面板标题、表格头部标题生效',
10
+ followTheme: '@heading-color'
10
11
  },
11
12
  lineHeight: {
12
13
  type: 'px',
@@ -18,7 +19,8 @@ export var Container = {
18
19
  type: 'px',
19
20
  label: '标题文本尺寸',
20
21
  groupsName: '文字',
21
- desc: '对卡片标题、折叠面板标题、表格头部标题生效'
22
+ desc: '对卡片标题、折叠面板标题、表格头部标题生效',
23
+ followTheme: '@font-size-baser'
22
24
  },
23
25
  fontWeight: {
24
26
  type: 'select',
@@ -76,6 +78,10 @@ export var Container = {
76
78
  // borderRadius: '8px',
77
79
  }],
78
80
 
81
+ followThemes: {
82
+ '@heading-color': ['textColor'],
83
+ '@font-size-base': []
84
+ },
79
85
  // TODO:布局容器、普通容器
80
86
  tpl: "\n .ued-card .ued-card-title {\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n }\n .ued-card .pcfactory-card-head > .pcfactory-card-head-wrapper > .pcfactory-card-head-title{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n }\n .ued-collapse-wrap .pcfactory-collapse.pcfactory-collapse-icon-position-right > .pcfactory-collapse-item > .pcfactory-collapse-header .ued-collapse-panel-header {\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n }\n .ued-table-filters .table-head-default{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n padding: 12px 0 0 0;\n }\n .ued-table-filters .table-head-middle{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n padding: 12px 0 0 0;\n }\n .ued-table-wrap .table-head-default{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n padding: 12px 0 0 0;\n }\n .ued-table-wrap .table-head-middle .title{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n padding: 0 0 0 18px ;\n }\n .ued-table-wrap .table-head .title{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n }",
81
87
  components: [{
@@ -2,6 +2,18 @@ export declare const DatePicker: {
2
2
  type: string;
3
3
  hasPrefixClass: boolean;
4
4
  variable: {
5
+ iconFontSize: {
6
+ type: string;
7
+ label: string;
8
+ groupsName: string;
9
+ followTheme: string;
10
+ };
11
+ iconColor: {
12
+ type: string;
13
+ label: string;
14
+ groupsName: string;
15
+ followTheme: string;
16
+ };
5
17
  labelTextColor: {
6
18
  type: string;
7
19
  label: string;
@@ -58,17 +70,6 @@ export declare const DatePicker: {
58
70
  canEdit: boolean;
59
71
  extendsKey: string;
60
72
  };
61
- iconFontSize: {
62
- type: string;
63
- label: string;
64
- groupsName: string;
65
- followTheme: string;
66
- };
67
- iconColor: {
68
- type: string;
69
- label: string;
70
- groupsName: string;
71
- };
72
73
  };
73
74
  groupsName: string;
74
75
  icon: string;
@@ -79,6 +80,7 @@ export declare const DatePicker: {
79
80
  }[];
80
81
  followThemes: {
81
82
  '@font-size-base': string[];
83
+ '@text-color-secondary': string[];
82
84
  };
83
85
  tpl: string;
84
86
  components: {
@@ -2,6 +2,18 @@ export var DatePicker = {
2
2
  type: 'DatePicker',
3
3
  hasPrefixClass: true,
4
4
  variable: {
5
+ iconFontSize: {
6
+ type: 'px',
7
+ label: '日期图标尺寸',
8
+ groupsName: '文字',
9
+ followTheme: '@font-size-base'
10
+ },
11
+ iconColor: {
12
+ type: 'color',
13
+ label: '日期图标颜色',
14
+ groupsName: '文字',
15
+ followTheme: '@text-color-secondary'
16
+ },
5
17
  labelTextColor: {
6
18
  type: 'color',
7
19
  label: '标题文本颜色',
@@ -57,17 +69,6 @@ export var DatePicker = {
57
69
  desc: '继承自表单,此处不可编辑',
58
70
  canEdit: false,
59
71
  extendsKey: 'Form'
60
- },
61
- iconFontSize: {
62
- type: 'px',
63
- label: '日期图标尺寸',
64
- groupsName: '文字',
65
- followTheme: '@font-size-base'
66
- },
67
- iconColor: {
68
- type: 'color',
69
- label: '日期图标颜色',
70
- groupsName: '文字'
71
72
  }
72
73
  },
73
74
  groupsName: '数据录入',
@@ -75,10 +76,11 @@ export var DatePicker = {
75
76
  title: '日期选择 ',
76
77
  defaultValue: [{
77
78
  iconFontSize: '14px',
78
- iconColor: '#0085D0'
79
+ iconColor: '#9092A3'
79
80
  }],
80
81
  followThemes: {
81
- '@font-size-base': ['iconFontSize']
82
+ '@font-size-base': ['iconFontSize'],
83
+ '@text-color-secondary': ['iconColor']
82
84
  },
83
85
  tpl: ".ued-datePicker-wrap {\n .pcfactory-picker-suffix{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n .pcfactory-picker-clear{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n }",
84
86
  components: [{
@@ -6,6 +6,7 @@ export declare const Description: {
6
6
  type: string;
7
7
  label: string;
8
8
  groupsName: string;
9
+ followTheme: string;
9
10
  };
10
11
  borderWidth: {
11
12
  type: string;
@@ -26,11 +27,13 @@ export declare const Description: {
26
27
  type: string;
27
28
  label: string;
28
29
  groupsName: string;
30
+ followTheme: string;
29
31
  };
30
32
  bodyTextColor: {
31
33
  type: string;
32
34
  label: string;
33
35
  groupsName: string;
36
+ followTheme: string;
34
37
  };
35
38
  paddingValue: {
36
39
  type: string;
@@ -56,6 +59,11 @@ export declare const Description: {
56
59
  textColor: string;
57
60
  bodyTextColor: string;
58
61
  }[];
62
+ followThemes: {
63
+ '@text-color': string[];
64
+ '@heading-color': string[];
65
+ '@border-color-base': never[];
66
+ };
59
67
  tpl: string;
60
68
  components: {
61
69
  id: string;
@@ -5,7 +5,8 @@ export var Description = {
5
5
  borderColor: {
6
6
  type: 'color',
7
7
  label: '边框颜色',
8
- groupsName: '边框'
8
+ groupsName: '边框',
9
+ followTheme: '@border-color-base'
9
10
  },
10
11
  borderWidth: {
11
12
  type: 'px',
@@ -25,12 +26,14 @@ export var Description = {
25
26
  textColor: {
26
27
  type: 'color',
27
28
  label: '标题文本颜色',
28
- groupsName: '文字'
29
+ groupsName: '文字',
30
+ followTheme: '@heading-color'
29
31
  },
30
32
  bodyTextColor: {
31
33
  type: 'color',
32
34
  label: '正文文本颜色',
33
- groupsName: '文字'
35
+ groupsName: '文字',
36
+ followTheme: '@text-color'
34
37
  },
35
38
  paddingValue: {
36
39
  type: 'marginInput',
@@ -56,6 +59,11 @@ export var Description = {
56
59
  textColor: '#3e454d',
57
60
  bodyTextColor: '#3e454d'
58
61
  }],
62
+ followThemes: {
63
+ '@text-color': ['bodyTextColor'],
64
+ '@heading-color': ['textColor'],
65
+ '@border-color-base': []
66
+ },
59
67
  tpl: ".ued-description-wrap{\n .ued-description.border{\n border-left: borderWidth solid borderColor;\n border-top: borderWidth solid borderColor;\n }\n .ued-description .ued-description-cell.border{\n border-bottom: borderWidth solid borderColor;\n border-right: borderWidth solid borderColor;\n }\n .ued-description .ued-description-cell .ued-description-label.bg{\n border-right: borderWidth solid borderColor;\n background: backgroundColor;\n color: textColor;\n }\n .ued-description .ued-description-cell .ued-description-label{\n padding: paddingValue;\n }\n .ued-description .ued-description-cell .ued-description-cont{\n padding: bodyPaddingValue;\n background: bodyBgColor;\n color: bodyTextColor;\n }\n }",
60
68
  components: [{
61
69
  id: 'Description_180191',
@@ -12,6 +12,7 @@ export declare const Form: {
12
12
  label: string;
13
13
  groupsName: string;
14
14
  desc: string;
15
+ followTheme: string;
15
16
  };
16
17
  labelLineHeight: {
17
18
  type: string;
@@ -31,6 +32,7 @@ export declare const Form: {
31
32
  label: string;
32
33
  groupsName: string;
33
34
  desc: string;
35
+ followTheme: string;
34
36
  };
35
37
  fontSize: {
36
38
  type: string;
@@ -44,10 +46,12 @@ export declare const Form: {
44
46
  label: string;
45
47
  groupsName: string;
46
48
  desc: string;
49
+ followTheme: string;
47
50
  };
48
51
  itemBorderRadius: {
49
52
  type: string;
50
53
  label: string;
54
+ followTheme: string;
51
55
  groupsName: string;
52
56
  desc: string;
53
57
  };
@@ -66,7 +70,10 @@ export declare const Form: {
66
70
  itemBorderRadius: string;
67
71
  }[];
68
72
  followThemes: {
73
+ '@text-color': string[];
74
+ '@border-radius-base': never[];
69
75
  '@font-size-base': string[];
76
+ '@border-color-base': string[];
70
77
  };
71
78
  itemCustomTpl: string;
72
79
  tpl: string;