@lingxiteam/theme-utils 0.3.1 → 0.3.4

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.
@@ -79,7 +79,7 @@ export declare const TimePicker: {
79
79
  iconColor: string;
80
80
  }[];
81
81
  followThemes: {
82
- '@primary-color': string[];
82
+ '@text-color-secondary': string[];
83
83
  '@font-size-base': string[];
84
84
  };
85
85
  tpl: string;
@@ -12,7 +12,7 @@ export var TimePicker = {
12
12
  type: 'color',
13
13
  label: '日期图标颜色',
14
14
  groupsName: '文字',
15
- followTheme: '@primary-color'
15
+ followTheme: '@text-color-secondary'
16
16
  },
17
17
  labelTextColor: {
18
18
  type: 'color',
@@ -76,10 +76,10 @@ export var TimePicker = {
76
76
  title: '时间选择',
77
77
  defaultValue: [{
78
78
  iconFontSize: '14px',
79
- iconColor: '#47e'
79
+ iconColor: '#9092A3'
80
80
  }],
81
81
  followThemes: {
82
- '@primary-color': ['iconColor'],
82
+ '@text-color-secondary': ['iconColor'],
83
83
  '@font-size-base': ['iconFontSize']
84
84
  },
85
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 }",
@@ -5,6 +5,7 @@ export declare const Accordion: {
5
5
  type: string;
6
6
  label: string;
7
7
  groupsName: string;
8
+ followTheme: string;
8
9
  };
9
10
  lineHeight: {
10
11
  type: string;
@@ -50,6 +51,7 @@ export declare const Accordion: {
50
51
  type: string;
51
52
  label: string;
52
53
  groupsName: string;
54
+ followTheme: string;
53
55
  };
54
56
  arrowSize: {
55
57
  type: string;
@@ -65,6 +67,7 @@ export declare const Accordion: {
65
67
  type: string;
66
68
  label: string;
67
69
  groupsName: string;
70
+ followTheme: string;
68
71
  };
69
72
  borderRadius: {
70
73
  type: string;
@@ -93,6 +96,8 @@ export declare const Accordion: {
93
96
  }[];
94
97
  followThemes: {
95
98
  '@brand-primary': string[];
99
+ '@color-text-base': never[];
100
+ '@border-color-base': never[];
96
101
  };
97
102
  tpl: string;
98
103
  components: ({
@@ -4,7 +4,8 @@ export var Accordion = {
4
4
  textColor: {
5
5
  type: 'color',
6
6
  label: '标题文本颜色',
7
- groupsName: '标题'
7
+ groupsName: '标题',
8
+ followTheme: '@color-text-base'
8
9
  },
9
10
  lineHeight: {
10
11
  type: 'px',
@@ -72,7 +73,8 @@ export var Accordion = {
72
73
  arrowColor: {
73
74
  type: 'color',
74
75
  label: '后缀图标颜色',
75
- groupsName: '标题'
76
+ groupsName: '标题',
77
+ followTheme: '@border-color-base'
76
78
  },
77
79
  arrowSize: {
78
80
  type: 'px',
@@ -87,7 +89,8 @@ export var Accordion = {
87
89
  borderColor: {
88
90
  type: 'color',
89
91
  label: '边框颜色',
90
- groupsName: '边框'
92
+ groupsName: '边框',
93
+ followTheme: '@border-color-base'
91
94
  },
92
95
  borderRadius: {
93
96
  type: 'px',
@@ -116,7 +119,9 @@ export var Accordion = {
116
119
  borderRadius: '4px'
117
120
  }],
118
121
  followThemes: {
119
- '@brand-primary': ['titleColor']
122
+ '@brand-primary': ['titleColor'],
123
+ '@color-text-base': [],
124
+ '@border-color-base': []
120
125
  },
121
126
  tpl: ".lcdp-accordion {\n .lcdp-accordion-header{\n color: textColor;\n font-weight: fontWeight;\n font-size: fontSize;\n line-height: lineHeight;\n background: backgroundColor;\n > div {\n margin-left: tagMargin !important;\n }\n }\n .lcdp-accordion-header-icon-left{\n background: titleColor;\n }\n .lcdp-accordion-header-default-icon{\n height: tagSize;\n background: titleColor;\n margin-right: -4px;\n }\n .adm-collapse-arrow svg{\n color: arrowColor;\n width: arrowSize;\n height: arrowSize;\n }\n .adm-list-item-content-main{\n background: bodyBgColor;\n }\n .adm-collapse{\n border-radius: borderRadius;\n border-color: borderColor !important;\n }\n }\n ",
122
127
  components: [{
@@ -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;
@@ -26,6 +27,7 @@ export declare const Button: {
26
27
  type: string;
27
28
  label: string;
28
29
  groupsName: string;
30
+ followTheme: string;
29
31
  };
30
32
  borderRadius: {
31
33
  type: string;
@@ -58,6 +60,7 @@ export declare const Button: {
58
60
  }[];
59
61
  followThemes: {
60
62
  '@brand-primary': string[];
63
+ '@border-color-base': string[];
61
64
  };
62
65
  tpl: string;
63
66
  components: ({
@@ -4,7 +4,8 @@ export var Button = {
4
4
  textColor: {
5
5
  type: 'color',
6
6
  label: '文本颜色',
7
- groupsName: '文字'
7
+ groupsName: '文字',
8
+ followTheme: '@border-color-base'
8
9
  },
9
10
  lineHeight: {
10
11
  type: 'px',
@@ -25,7 +26,8 @@ export var Button = {
25
26
  borderColor: {
26
27
  type: 'color',
27
28
  label: '边框颜色',
28
- groupsName: '边框'
29
+ groupsName: '边框',
30
+ followTheme: '@border-color-base'
29
31
  },
30
32
  borderRadius: {
31
33
  type: 'px',
@@ -57,7 +59,8 @@ export var Button = {
57
59
  marginValue: '0px'
58
60
  }],
59
61
  followThemes: {
60
- '@brand-primary': ['backgroundColor']
62
+ '@brand-primary': ['backgroundColor'],
63
+ '@border-color-base': ['borderColor']
61
64
  },
62
65
  tpl: "\n .adm-button{\n --border-color: borderColor;\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n border-radius: borderRadius;\n padding: paddingValue;\n margin: marginValue;\n }\n .adm-button.adm-button-large{\n font-size: fontSize;\n padding: paddingValue;\n margin: marginValue;\n }\n .adm-button:not(.adm-button-default){\n color: #fff;\n }\n .adm-button-primary{\n --color: backgroundColor;\n }\n .lcdp-button-type-link{\n color: backgroundColor;\n }\n ",
63
66
  components: [{
@@ -5,6 +5,7 @@ export declare const Card: {
5
5
  textColor: {
6
6
  type: string;
7
7
  label: string;
8
+ followTheme: string;
8
9
  groupsName: string;
9
10
  };
10
11
  lineHeight: {
@@ -45,6 +46,7 @@ export declare const Card: {
45
46
  type: string;
46
47
  label: string;
47
48
  groupsName: string;
49
+ followTheme: string;
48
50
  };
49
51
  tagSize: {
50
52
  type: string;
@@ -75,6 +77,7 @@ export declare const Card: {
75
77
  type: string;
76
78
  label: string;
77
79
  groupsName: string;
80
+ followTheme: string;
78
81
  };
79
82
  footBgColor: {
80
83
  type: string;
@@ -85,6 +88,7 @@ export declare const Card: {
85
88
  type: string;
86
89
  label: string;
87
90
  groupsName: string;
91
+ followTheme: string;
88
92
  };
89
93
  borderRadius: {
90
94
  type: string;
@@ -115,6 +119,8 @@ export declare const Card: {
115
119
  }[];
116
120
  followThemes: {
117
121
  '@brand-primary': string[];
122
+ '@color-text-base': never[];
123
+ '@border-color-base': string[];
118
124
  };
119
125
  tpl: string;
120
126
  components: ({
@@ -5,6 +5,7 @@ export var Card = {
5
5
  textColor: {
6
6
  type: 'color',
7
7
  label: '标题文本颜色',
8
+ followTheme: '@color-text-base',
8
9
  groupsName: '标题'
9
10
  },
10
11
  lineHeight: {
@@ -23,7 +24,10 @@ export var Card = {
23
24
  type: 'px',
24
25
  label: '标题文本尺寸',
25
26
  groupsName: '标题'
27
+ // TODO: 单位是 * @hd 有异常
28
+ // followTheme: '@font-size-heading',
26
29
  },
30
+
27
31
  fontWeight: {
28
32
  type: 'select',
29
33
  label: '标题文本字重',
@@ -65,7 +69,8 @@ export var Card = {
65
69
  lineColor: {
66
70
  type: 'color',
67
71
  label: '分割线颜色',
68
- groupsName: '边框'
72
+ groupsName: '边框',
73
+ followTheme: '@border-color-base'
69
74
  },
70
75
  tagSize: {
71
76
  type: 'px',
@@ -95,7 +100,8 @@ export var Card = {
95
100
  bodyLineColor: {
96
101
  type: 'color',
97
102
  label: '内容分割线颜色',
98
- groupsName: '边框'
103
+ groupsName: '边框',
104
+ followTheme: '@border-color-base'
99
105
  },
100
106
  footBgColor: {
101
107
  type: 'color',
@@ -105,7 +111,8 @@ export var Card = {
105
111
  borderColor: {
106
112
  type: 'color',
107
113
  label: '边框颜色',
108
- groupsName: '边框'
114
+ groupsName: '边框',
115
+ followTheme: '@border-color-base'
109
116
  },
110
117
  borderRadius: {
111
118
  type: 'px',
@@ -135,7 +142,10 @@ export var Card = {
135
142
  borderRadius: '4px'
136
143
  }],
137
144
  followThemes: {
138
- '@brand-primary': ['titleColor']
145
+ '@brand-primary': ['titleColor'],
146
+ // '@font-size-heading': ['fontSize'],
147
+ '@color-text-base': [],
148
+ '@border-color-base': ['lineColor', 'bodyLineColor']
139
149
  },
140
150
  tpl: ".lcdp-h5-card {\n border-radius: borderRadius;\n border: 1PX solid borderColor;\n\n .adm-card-header:not(:last-child){\n border-color: lineColor !important;\n }\n .adm-card-header{\n border-color: lineColor !important;\n background: backgroundColor;\n }\n .adm-card-body{\n background: bodyBgColor;\n }\n\n .adm-card-header-title .lcdp-h5-card-title{\n color: textColor;\n font-weight: fontWeight;\n font-size: fontSize;\n line-height: lineHeight;\n }\n\n .lcdp-h5-card-hStyle{\n background: titleColor;\n margin-right: tagMargin;\n position: static;\n width: tagSize;\n }\n .lcdp-h5-card-vStyle{\n height: tagSize;\n background: titleColor;\n margin-right: tagMargin;\n }\n .lcdp-h5-card-icon{\n width: tagSize;\n height: tagSize;\n margin-right: tagMargin;\n margin-top: -1px;\n display: grid;\n }\n .lcdp-h5-card-icon svg{\n color: titleColor;\n width: tagSize;\n height: tagSize;\n }\n .lcdp-h5-card-extra-icon{\n width: arrowSize;\n height: arrowSize;\n }\n .lcdp-h5-card-extra-icon svg{\n color: arrowColor;\n width: arrowSize;\n height: arrowSize;\n }\n .lcdp-card-footer-draw-box-border{\n border-color: bodyLineColor;\n background: footBgColor;\n }\n }\n \n ",
141
151
  components: [{
@@ -22,6 +22,7 @@ export declare const DCheckbox: {
22
22
  type: string;
23
23
  label: string;
24
24
  groupsName: string;
25
+ followTheme: string;
25
26
  };
26
27
  labelTextColor: {
27
28
  type: string;
@@ -127,6 +128,7 @@ export declare const DCheckbox: {
127
128
  }[];
128
129
  followThemes: {
129
130
  '@brand-primary': string[];
131
+ '@border-color-base': string[];
130
132
  };
131
133
  tpl: string;
132
134
  components: {
@@ -21,7 +21,8 @@ export var DCheckbox = {
21
21
  itemBorderRadius: {
22
22
  type: 'color',
23
23
  label: '默认边框颜色',
24
- groupsName: '边框'
24
+ groupsName: '边框',
25
+ followTheme: '@border-color-base'
25
26
  },
26
27
  labelTextColor: {
27
28
  type: 'color',
@@ -168,7 +169,8 @@ export var DCheckbox = {
168
169
  itemBgColor: 'rgba(0,0,0,0)'
169
170
  }],
170
171
  followThemes: {
171
- '@brand-primary': ['selectBorderRadius', 'selectBgColor']
172
+ '@brand-primary': ['selectBorderRadius', 'selectBgColor'],
173
+ '@border-color-base': ['itemBorderRadius']
172
174
  },
173
175
  tpl: "\n .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton{\n background-color: itemBgColor;\n border-color: itemBorderRadius;\n }\n .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-selectAll-circular{\n background-color: itemBgColor;\n border-color: itemBorderRadius;\n }\n .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-selectAll-square{\n background-color: itemBgColor;\n border-color: itemBorderRadius;\n }\n .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-checked{\n background-color: selectBgColor;\n border-color: selectBorderRadius;\n }\n .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-selectAll-checked{\n background-color: selectBgColor;\n border-color: selectBorderRadius;\n }\n .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-selectAll-half-checked{\n background-color: selectBgColor;\n border-color: selectBorderRadius;\n }",
174
176
  components: [{
@@ -12,6 +12,7 @@ export declare const DForm: {
12
12
  label: string;
13
13
  groupsName: string;
14
14
  desc: string;
15
+ followTheme: string;
15
16
  };
16
17
  labelLineHeight: {
17
18
  type: string;
@@ -44,6 +45,7 @@ export declare const DForm: {
44
45
  label: string;
45
46
  groupsName: string;
46
47
  desc: string;
48
+ followTheme: string;
47
49
  };
48
50
  fontSize: {
49
51
  type: string;
@@ -76,6 +78,7 @@ export declare const DForm: {
76
78
  label: string;
77
79
  groupsName: string;
78
80
  desc: string;
81
+ followTheme: string;
79
82
  };
80
83
  iconSize: {
81
84
  type: string;
@@ -118,6 +121,10 @@ export declare const DForm: {
118
121
  iconColor: string;
119
122
  iconSize: string;
120
123
  }[];
124
+ followThemes: {
125
+ '@color-text-base': never[];
126
+ '@border-color-base': never[];
127
+ };
121
128
  tpl: string;
122
129
  itemCustomTpl: string;
123
130
  components: {
@@ -11,7 +11,8 @@ export var DForm = {
11
11
  type: 'color',
12
12
  label: '标题文本颜色',
13
13
  groupsName: '标签',
14
- desc: '对所有[表单]类型组件生效'
14
+ desc: '对所有[表单]类型组件生效',
15
+ followTheme: '@color-text-base'
15
16
  },
16
17
  labelLineHeight: {
17
18
  type: 'px',
@@ -64,7 +65,8 @@ export var DForm = {
64
65
  type: 'color',
65
66
  label: '文本颜色',
66
67
  groupsName: '组件',
67
- desc: '对所有[表单]类型组件生效'
68
+ desc: '对所有[表单]类型组件生效',
69
+ followTheme: '@color-text-base'
68
70
  },
69
71
  fontSize: {
70
72
  type: 'px',
@@ -117,7 +119,8 @@ export var DForm = {
117
119
  type: 'color',
118
120
  label: '后缀图标颜色',
119
121
  groupsName: '图标',
120
- desc: '对所有[选项类][表单]类型组件生效'
122
+ desc: '对所有[选项类][表单]类型组件生效',
123
+ followTheme: '@border-color-base'
121
124
  },
122
125
  iconSize: {
123
126
  type: 'px',
@@ -178,6 +181,10 @@ export var DForm = {
178
181
  iconColor: 'rgba(0, 0, 0, 0.45)',
179
182
  iconSize: '16px'
180
183
  }],
184
+ followThemes: {
185
+ '@color-text-base': [],
186
+ '@border-color-base': []
187
+ },
181
188
  tpl: ".dynamic-form-wrapper {\n background-color: backgroundColor;\n .lingxiteam-dform-text-item .lingxiteam-dform-placeholder .lingxiteam-dform-text-item-text div{\n text-align: headTextAlign;\n span{\n font-size: fontSize;\n line-height: lineHeight;\n font-weight: fontWeight;\n }\n }\n .lcdp-form-item {\n --color: textColor;\n --font-size: fontSize;\n .adm-text-area{\n --color: textColor;\n --font-size: fontSize;\n }\n .lingxiteam-dform-title {\n color: labelTextColor;\n font-size: labelFontSize !important;\n line-height: labelLineHeight;\n font-weight: labelFontWeight;\n text-align: headTextAlign;\n }\n .lingxiteam-dform-input-item-value input{\n color: textColor;\n line-height: lineHeight;\n font-weight: fontWeight;\n padding: paddingValue;\n text-align: headTextAlign;\n font-size: fontSize;\n }\n \n .lingxiteam-dform-radio-label{\n color: textColor;\n line-height: lineHeight;\n font-weight: fontWeight;\n padding: paddingValue;\n text-align: headTextAlign;\n font-size: fontSize;\n \n }\n .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-label{\n color: textColor;\n line-height: lineHeight;\n font-weight: fontWeight;\n text-align: headTextAlign;\n font-size: fontSize;\n \n }\n .lingxiteam-dform-text-item-content .lingxiteam-dform-text-item-text{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n text-align: headTextAlign;\n padding: paddingValue;\n font-weight: fontWeight;\n }\n .lingxiteam-dform-text-item-content .lingxiteam-dform-text-item-date-text{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n text-align: headTextAlign;\n padding: paddingValue;\n font-weight: fontWeight;\n }\n .lingxiteam-dform-rangdate-h-value{\n color: textColor;\n line-height: lineHeight;\n text-align: headTextAlign;\n font-size: fontSize;\n padding: paddingValue;\n font-weight: fontWeight;\n }\n .lingxiteam-dform-area-group-value-area textarea{\n line-height: lineHeight;\n padding: paddingValue;\n font-weight: fontWeight;\n font-size: fontSize;\n color: textColor;\n text-align: headTextAlign;\n \n }\n .lingxiteam-dform-right-content{\n width: iconSize;\n height: iconSize;\n overflow: hidden;\n .cust-icon{\n width: iconSize;\n height: iconSize;\n }\n .cust-icon svg{\n color: iconColor;\n fill: iconColor;\n width: iconSize;\n height: iconSize;\n }\n }\n .lingxiteam-dform-arrow-horizontal{\n background-image: none;\n width: iconSize;\n height: iconSize;\n position: relative;\n }\n .lingxiteam-dform-arrow-horizontal::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: iconSize;\n height: iconSize;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2026%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22UI-KIT_%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%229.9%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20transform%3D%22translate%28-5809.000000%2C%20-8482.000000%29%22%20fill%3D%22%23C7C7CC%22%3E%3Cpolygon%20id%3D%22Disclosure-Indicator%22%20points%3D%225811%208482%205809%208484%205820.5%208495%205809%208506%205811%208508%205825%208495%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n background-repeat: round;\n transform: translateX(-100%);\n background-size: 100%;\n filter: drop-shadow(iconSize 0 iconColor);\n }\n }\n }\n ",
182
189
  itemCustomTpl: ".lcdp-form-item {\n --color: textColor;\n --font-size: fontSize;\n .adm-text-area{\n --color: textColor;\n --font-size: fontSize;\n }\n .lingxiteam-dform-title {\n color: labelTextColor;\n font-size: labelFontSize !important;\n line-height: labelLineHeight;\n font-weight: labelFontWeight;\n text-align: headTextAlign;\n }\n .lingxiteam-dform-input-item-value input{\n color: textColor;\n line-height: lineHeight;\n font-weight: fontWeight;\n padding: paddingValue;\n text-align: headTextAlign;\n font-size: fontSize;\n }\n \n .lingxiteam-dform-radio-label{\n color: textColor;\n line-height: lineHeight;\n font-weight: fontWeight;\n padding: paddingValue;\n text-align: headTextAlign;\n font-size: fontSize;\n \n }\n .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-label{\n color: textColor;\n line-height: lineHeight;\n font-weight: fontWeight;\n text-align: headTextAlign;\n font-size: fontSize;\n \n }\n .lingxiteam-dform-text-item-content .lingxiteam-dform-text-item-text{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n text-align: headTextAlign;\n padding: paddingValue;\n font-weight: fontWeight;\n }\n .lingxiteam-dform-text-item-content .lingxiteam-dform-text-item-date-text{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n text-align: headTextAlign;\n padding: paddingValue;\n font-weight: fontWeight;\n }\n .lingxiteam-dform-rangdate-h-value{\n color: textColor;\n line-height: lineHeight;\n text-align: headTextAlign;\n font-size: fontSize;\n padding: paddingValue;\n font-weight: fontWeight;\n }\n .lingxiteam-dform-area-group-value-area textarea{\n line-height: lineHeight;\n padding: paddingValue;\n font-weight: fontWeight;\n font-size: fontSize;\n color: textColor;\n text-align: headTextAlign;\n \n }\n .lingxiteam-dform-right-content{\n width: iconSize;\n height: iconSize;\n overflow: hidden;\n .cust-icon{\n width: iconSize;\n height: iconSize;\n }\n .cust-icon svg{\n color: iconColor;\n fill: iconColor;\n width: iconSize;\n height: iconSize;\n }\n }\n .lingxiteam-dform-arrow-horizontal{\n background-image: none;\n width: iconSize;\n height: iconSize;\n position: relative;\n }\n .lingxiteam-dform-arrow-horizontal::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: iconSize;\n height: iconSize;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2026%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22UI-KIT_%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%229.9%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20transform%3D%22translate%28-5809.000000%2C%20-8482.000000%29%22%20fill%3D%22%23C7C7CC%22%3E%3Cpolygon%20id%3D%22Disclosure-Indicator%22%20points%3D%225811%208482%205809%208484%205820.5%208495%205809%208506%205811%208508%205825%208495%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n background-repeat: round;\n transform: translateX(-100%);\n background-size: 100%;\n filter: drop-shadow(iconSize 0 iconColor);\n }\n }",
183
190
  components: [{
@@ -22,6 +22,7 @@ export declare const DformRadio: {
22
22
  type: string;
23
23
  label: string;
24
24
  groupsName: string;
25
+ followTheme: string;
25
26
  };
26
27
  labelTextColor: {
27
28
  type: string;
@@ -127,6 +128,7 @@ export declare const DformRadio: {
127
128
  }[];
128
129
  followThemes: {
129
130
  '@brand-primary': string[];
131
+ '@border-color-base': string[];
130
132
  };
131
133
  tpl: string;
132
134
  components: {
@@ -21,7 +21,8 @@ export var DformRadio = {
21
21
  itemBorderRadius: {
22
22
  type: 'color',
23
23
  label: '默认边框颜色',
24
- groupsName: '边框'
24
+ groupsName: '边框',
25
+ followTheme: '@border-color-base'
25
26
  },
26
27
  labelTextColor: {
27
28
  type: 'color',
@@ -168,7 +169,8 @@ export var DformRadio = {
168
169
  itemBgColor: 'rgba(0,0,0,0)'
169
170
  }],
170
171
  followThemes: {
171
- '@brand-primary': ['selectBorderRadius', 'selectBgColor']
172
+ '@brand-primary': ['selectBorderRadius', 'selectBgColor'],
173
+ '@border-color-base': ['itemBorderRadius']
172
174
  },
173
175
  tpl: "\n .lingxiteam-dform-radio-button{\n background-color: itemBgColor;\n border-color: itemBorderRadius;\n }\n .lingxiteam-dform-radio-checked{\n border-color: selectBorderRadius;\n }\n .lingxiteam-dform-radio-inner-button{\n background-color: selectBgColor;\n }\n ",
174
176
  components: [{
@@ -5,6 +5,7 @@ export declare const DformRangePicker: {
5
5
  type: string;
6
6
  label: string;
7
7
  groupsName: string;
8
+ followTheme: string;
8
9
  };
9
10
  iconColor: {
10
11
  type: string;
@@ -121,6 +122,9 @@ export declare const DformRangePicker: {
121
122
  defaultValue: {
122
123
  iconLineColor: string;
123
124
  }[];
125
+ followThemes: {
126
+ '@border-color-base': never[];
127
+ };
124
128
  tpl: string;
125
129
  components: {
126
130
  id: string;
@@ -4,7 +4,8 @@ export var DformRangePicker = {
4
4
  iconLineColor: {
5
5
  type: 'color',
6
6
  label: '时间分割符颜色',
7
- groupsName: '图标'
7
+ groupsName: '图标',
8
+ followTheme: '@border-color-base'
8
9
  },
9
10
  iconColor: {
10
11
  type: 'color',
@@ -163,6 +164,9 @@ export var DformRangePicker = {
163
164
  defaultValue: [{
164
165
  iconLineColor: 'rgba(0, 0, 0, 0.45)'
165
166
  }],
167
+ followThemes: {
168
+ '@border-color-base': []
169
+ },
166
170
  tpl: ".lingxiteam-dform-line{\n color: iconLineColor;\n }",
167
171
  components: [{
168
172
  id: 'DForm_333712',
@@ -12,6 +12,7 @@ export declare const DformSwitch: {
12
12
  type: string;
13
13
  label: string;
14
14
  groupsName: string;
15
+ followTheme: string;
15
16
  };
16
17
  labelTextColor: {
17
18
  type: string;
@@ -67,6 +68,7 @@ export declare const DformSwitch: {
67
68
  }[];
68
69
  followThemes: {
69
70
  '@brand-primary': string[];
71
+ '@border-color-base': never[];
70
72
  };
71
73
  tpl: string;
72
74
  components: {
@@ -11,7 +11,8 @@ export var DformSwitch = {
11
11
  closeColor: {
12
12
  type: 'color',
13
13
  label: '关闭颜色',
14
- groupsName: '文字'
14
+ groupsName: '文字',
15
+ followTheme: '@border-color-base'
15
16
  },
16
17
  labelTextColor: {
17
18
  type: 'color',
@@ -84,7 +85,8 @@ export var DformSwitch = {
84
85
  closeColor: '#ddd'
85
86
  }],
86
87
  followThemes: {
87
- '@brand-primary': ['openColor']
88
+ '@brand-primary': ['openColor'],
89
+ '@border-color-base': []
88
90
  },
89
91
  tpl: ".lcdp-form-item {\n .adm-switch.adm-switch-checked .adm-switch-checkbox{\n background: openColor;\n }\n .lingxiteam-dform-switch .adm-switch-checkbox{\n background: closeColor;\n }\n .lingxiteam-dform-switch .adm-switch-checkbox::before{\n background: closeColor;\n }\n }\n ",
90
92
  components: [{
@@ -11,6 +11,7 @@ export declare const FilterItems: {
11
11
  type: string;
12
12
  label: string;
13
13
  groupsName: string;
14
+ followTheme: string;
14
15
  };
15
16
  borderRadius: {
16
17
  type: string;
@@ -21,12 +22,12 @@ export declare const FilterItems: {
21
22
  type: string;
22
23
  label: string;
23
24
  groupsName: string;
25
+ followTheme: string;
24
26
  };
25
27
  fontSize: {
26
28
  type: string;
27
29
  label: string;
28
30
  groupsName: string;
29
- followTheme: string;
30
31
  };
31
32
  lineHeight: {
32
33
  type: string;
@@ -50,6 +51,7 @@ export declare const FilterItems: {
50
51
  type: string;
51
52
  label: string;
52
53
  groupsName: string;
54
+ followTheme: string;
53
55
  };
54
56
  iconCloseColor: {
55
57
  type: string;
@@ -78,7 +80,8 @@ export declare const FilterItems: {
78
80
  iconCloseColor: string;
79
81
  }[];
80
82
  followThemes: {
81
- '@font-size-base': string[];
83
+ '@border-color-base': never[];
84
+ '@brand-primary': string[];
82
85
  };
83
86
  tpl: string;
84
87
  components: {
@@ -10,7 +10,8 @@ export var FilterItems = {
10
10
  borderColor: {
11
11
  type: 'color',
12
12
  label: '边框颜色',
13
- groupsName: '边框'
13
+ groupsName: '边框',
14
+ followTheme: '@border-color-base'
14
15
  },
15
16
  borderRadius: {
16
17
  type: 'px',
@@ -20,14 +21,16 @@ export var FilterItems = {
20
21
  textColor: {
21
22
  type: 'color',
22
23
  label: '文本颜色',
23
- groupsName: '文字'
24
+ groupsName: '文字',
25
+ followTheme: '@brand-primary'
24
26
  },
25
27
  fontSize: {
26
28
  type: 'px',
27
29
  label: '文本尺寸',
28
- groupsName: '文字',
29
- followTheme: '@font-size-base'
30
+ groupsName: '文字'
31
+ // followTheme: '@font-size-base',
30
32
  },
33
+
31
34
  lineHeight: {
32
35
  type: 'px',
33
36
  label: '标题文本行高',
@@ -70,7 +73,8 @@ export var FilterItems = {
70
73
  iconColor: {
71
74
  type: 'color',
72
75
  label: '收起图标颜色',
73
- groupsName: '文字'
76
+ groupsName: '文字',
77
+ followTheme: '@brand-primary'
74
78
  },
75
79
  iconCloseColor: {
76
80
  type: 'color',
@@ -99,7 +103,8 @@ export var FilterItems = {
99
103
  iconCloseColor: 'rgba(0,0,0,0.3)'
100
104
  }],
101
105
  followThemes: {
102
- '@font-size-base': ['fontSize']
106
+ '@border-color-base': [],
107
+ '@brand-primary': ['textColor', 'iconColor']
103
108
  },
104
109
  tpl: ".use-app-filteritems{\n .alita-filter-item-content{\n background: backgroundColor;\n font-size: fontSize;\n border-radius: borderRadius;\n border: 1px solid borderColor;\n }\n .alita-filter-item-active-text{\n color: textColor;\n line-height: lineHeight;\n font-weight: fontWeight;\n }\n .alita-filter-item-noraml-icon{\n width: iconSize;\n height: iconSize;\n overflow: hidden;\n }\n .alita-filter-item-icon-up{\n background-image: none;\n width: iconSize;\n height: iconSize;\n position: relative;\n }\n .alita-filter-item-icon-up::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: iconSize;\n height: iconSize;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3E%E7%BC%96%E7%BB%84%206%3C%2Ftitle%3E%3Cg%20id%3D%22%E9%A1%B5%E9%9D%A2-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22%E5%85%B6%E4%BD%99%E7%BB%84%E4%BB%B6%22%20transform%3D%22translate%28-171.000000%2C%20-3340.000000%29%22%3E%3Cg%20id%3D%22%E5%AF%BC%E8%88%AA%E6%A0%8F%EF%BC%9ANavigationBa%E5%A4%87%E4%BB%BD-2%22%20transform%3D%22translate%2836.000000%2C%201199.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-5%22%20transform%3D%22translate%2851.000000%2C%202131.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-6%22%20transform%3D%22translate%2884.000000%2C%2010.000000%29%22%3E%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%22%20fill%3D%22%23D8D8D8%22%20opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M13.4723603%2C5.99735754%20L8.67496913%2C11.2434071%20C8.53163306%2C11.4065089%208.32501122%2C11.5%208.10787665%2C11.5%20C7.89072486%2C11.5%207.68408225%2C11.4065218%207.54073483%2C11.2434071%20L2.74334363%2C5.99735754%20C2.50915215%2C5.75000397%202.43677915%2C5.38947121%202.55781612%2C5.07103987%20C2.67885308%2C4.75260854%202.97097257%2C4.53024691%203.31046078%2C4.5%20L12.9013205%2C4.5%20C13.2421162%2C4.52895167%2013.5355186%2C4.74998106%2013.6565803%2C5.06974464%20C13.7789495%2C5.38948354%2013.7065888%2C5.74867172%2013.4723603%2C5.99735754%20Z%22%20id%3D%22%E8%B7%AF%E5%BE%84%22%20fill%3D%22%23BFBFBF%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n background-repeat: round;\n transform: translateX(-100%);\n background-size: 100%;\n filter: drop-shadow(iconSize 0 iconCloseColor);\n }\n .alita-filter-item-icon-down{\n background-image: none;\n width: iconSize;\n height: iconSize;\n position: relative;\n }\n .alita-filter-item-icon-down::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: iconSize;\n height: iconSize;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3E%E7%BC%96%E7%BB%84%206%3C%2Ftitle%3E%3Cg%20id%3D%22%E9%A1%B5%E9%9D%A2-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22%E5%85%B6%E4%BD%99%E7%BB%84%E4%BB%B6%22%20transform%3D%22translate%28-295.000000%2C%20-3340.000000%29%22%3E%3Cg%20id%3D%22%E5%AF%BC%E8%88%AA%E6%A0%8F%EF%BC%9ANavigationBa%E5%A4%87%E4%BB%BD-2%22%20transform%3D%22translate%2836.000000%2C%201199.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-5%22%20transform%3D%22translate%28175.000000%2C%202131.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-6%22%20transform%3D%22translate%2892.000000%2C%2018.000000%29%20scale%281%2C%20-1%29%20translate%28-92.000000%2C%20-18.000000%29%20translate%2884.000000%2C%2010.000000%29%22%3E%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%22%20fill%3D%22%231677ff%22%20opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M13.4723603%2C5.99735754%20L8.67496913%2C11.2434071%20C8.53163306%2C11.4065089%208.32501122%2C11.5%208.10787665%2C11.5%20C7.89072486%2C11.5%207.68408225%2C11.4065218%207.54073483%2C11.2434071%20L2.74334363%2C5.99735754%20C2.50915215%2C5.75000397%202.43677915%2C5.38947121%202.55781612%2C5.07103987%20C2.67885308%2C4.75260854%202.97097257%2C4.53024691%203.31046078%2C4.5%20L12.9013205%2C4.5%20C13.2421162%2C4.52895167%2013.5355186%2C4.74998106%2013.6565803%2C5.06974464%20C13.7789495%2C5.38948354%2013.7065888%2C5.74867172%2013.4723603%2C5.99735754%20Z%22%20id%3D%22%E8%B7%AF%E5%BE%84%22%20fill%3D%22%231677ff%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n background-repeat: round;\n background-size: 100%;\n transform: translateX(-100%);\n filter: drop-shadow(iconSize 0 iconColor);\n}\n }\n \n",
105
110
  components: [{
@@ -10,6 +10,7 @@ export declare const Grid: {
10
10
  type: string;
11
11
  label: string;
12
12
  groupsName: string;
13
+ followTheme: string;
13
14
  };
14
15
  borderRadius: {
15
16
  type: string;
@@ -20,6 +21,7 @@ export declare const Grid: {
20
21
  type: string;
21
22
  label: string;
22
23
  groupsName: string;
24
+ followTheme: string;
23
25
  };
24
26
  iconSize: {
25
27
  type: string;
@@ -30,6 +32,7 @@ export declare const Grid: {
30
32
  type: string;
31
33
  label: string;
32
34
  groupsName: string;
35
+ followTheme: string;
33
36
  };
34
37
  lineHeight: {
35
38
  type: string;
@@ -69,6 +72,10 @@ export declare const Grid: {
69
72
  fontSize: string;
70
73
  fontWeight: string;
71
74
  }[];
75
+ followThemes: {
76
+ '@border-color-base': never[];
77
+ '@color-text-base': never[];
78
+ };
72
79
  tpl: string;
73
80
  components: {
74
81
  id: string;
@@ -9,7 +9,8 @@ export var Grid = {
9
9
  borderColor: {
10
10
  type: 'color',
11
11
  label: '边框颜色',
12
- groupsName: '边框'
12
+ groupsName: '边框',
13
+ followTheme: '@border-color-base'
13
14
  },
14
15
  borderRadius: {
15
16
  type: 'px',
@@ -19,7 +20,8 @@ export var Grid = {
19
20
  lineColor: {
20
21
  type: 'color',
21
22
  label: '分割线颜色',
22
- groupsName: '边框'
23
+ groupsName: '边框',
24
+ followTheme: '@border-color-base'
23
25
  },
24
26
  iconSize: {
25
27
  type: 'px',
@@ -29,7 +31,8 @@ export var Grid = {
29
31
  textColor: {
30
32
  type: 'color',
31
33
  label: '文本颜色',
32
- groupsName: '文字'
34
+ groupsName: '文字',
35
+ followTheme: '@color-text-base'
33
36
  },
34
37
  lineHeight: {
35
38
  type: 'px',
@@ -90,6 +93,10 @@ export var Grid = {
90
93
  fontSize: '12px',
91
94
  fontWeight: '400'
92
95
  }],
96
+ followThemes: {
97
+ '@border-color-base': [],
98
+ '@color-text-base': []
99
+ },
93
100
  tpl: ".use-app-grid{\n background-color: backgroundColor;\n border-radius: borderRadius;\n .am-grid {\n border-radius: borderRadius;\n --adm-font-size-4: fontSize;\n --adm-color-text: textColor\n }\n .am-grid.am-grid-line:not(.am-grid-carousel){\n border:1PX solid borderColor;\n border-bottom:none;\n }\n .am-grid.am-grid-line .am-grid-flex:last-child{\n border-color: borderColor;\n border-bottom-right-radius: borderRadius;\n border-bottom-left-radius: borderRadius;\n }\n .am-grid.am-grid-line .am-grid-flex:first-child{\n border-top-left-radius: borderRadius;\n }\n .am-grid.am-grid-line .am-grid-flex .am-grid-flex-item:first-child{\n border: none;\n }\n .am-grid.am-grid-line .am-grid-flex{\n border-color: lineColor;\n }\n .am-grid.am-grid-square .am-grid-item .am-grid-item-inner-content .am-grid-icon{\n width: iconSize;\n }\n .am-grid .am-grid-flex .am-grid-flex-item .am-grid-item-content .am-grid-item-inner-content .am-grid-text{\n line-height: lineHeight;\n font-weight: fontWeight;\n }\n }\n",
94
101
  components: [{
95
102
  id: 'Grid_842271',
@@ -10,6 +10,7 @@ export declare const NoticeBarPlus: {
10
10
  type: string;
11
11
  label: string;
12
12
  groupsName: string;
13
+ followTheme: string;
13
14
  };
14
15
  borderRadius: {
15
16
  type: string;
@@ -20,6 +21,7 @@ export declare const NoticeBarPlus: {
20
21
  type: string;
21
22
  label: string;
22
23
  groupsName: string;
24
+ followTheme: string;
23
25
  };
24
26
  fontSize: {
25
27
  type: string;
@@ -39,6 +41,7 @@ export declare const NoticeBarPlus: {
39
41
  type: string;
40
42
  label: string;
41
43
  groupsName: string;
44
+ followTheme: string;
42
45
  };
43
46
  iconSize: {
44
47
  type: string;
@@ -59,6 +62,9 @@ export declare const NoticeBarPlus: {
59
62
  iconSize: string;
60
63
  fontWeight: string;
61
64
  }[];
65
+ followThemes: {
66
+ '@color-text-base': never[];
67
+ };
62
68
  tpl: string;
63
69
  components: {
64
70
  id: string;
@@ -9,7 +9,8 @@ export var NoticeBarPlus = {
9
9
  borderColor: {
10
10
  type: 'color',
11
11
  label: '边框颜色',
12
- groupsName: '边框'
12
+ groupsName: '边框',
13
+ followTheme: '@border-color-base'
13
14
  },
14
15
  borderRadius: {
15
16
  type: 'px',
@@ -19,7 +20,8 @@ export var NoticeBarPlus = {
19
20
  textColor: {
20
21
  type: 'color',
21
22
  label: '文本颜色',
22
- groupsName: '文字'
23
+ groupsName: '文字',
24
+ followTheme: '@color-text-base'
23
25
  },
24
26
  // lineHeight: { type: 'px', label: '文本行高', groupsName: '文字' },
25
27
  fontSize: {
@@ -57,7 +59,8 @@ export var NoticeBarPlus = {
57
59
  iconColor: {
58
60
  type: 'color',
59
61
  label: '下拉图标颜色',
60
- groupsName: '文字'
62
+ groupsName: '文字',
63
+ followTheme: '@color-text-base'
61
64
  },
62
65
  iconSize: {
63
66
  type: 'px',
@@ -78,6 +81,9 @@ export var NoticeBarPlus = {
78
81
  iconSize: '20px',
79
82
  fontWeight: '400'
80
83
  }],
84
+ followThemes: {
85
+ '@color-text-base': []
86
+ },
81
87
  tpl: ".use-app-noticebarplus{\n .alita-notice-bar{\n --adm-color-background: backgroundColor;\n border-color: borderColor;\n border: 1px solid borderColor;\n border-radius: borderRadius;\n font-size: fontSize;\n // line-height: lineHeight;\n font-weight:fontWeight;\n color: textColor;\n > div {\n > svg {\n color: iconColor;\n width: iconSize;\n height: iconSize;\n }\n }\n }\n }\n ",
82
88
  components: [{
83
89
  id: 'NoticeBarPlus_0162497',
@@ -15,6 +15,7 @@ export declare const SearchView: {
15
15
  type: string;
16
16
  label: string;
17
17
  groupsName: string;
18
+ followTheme: string;
18
19
  };
19
20
  borderRadius: {
20
21
  type: string;
@@ -35,12 +36,12 @@ export declare const SearchView: {
35
36
  type: string;
36
37
  label: string;
37
38
  groupsName: string;
39
+ followTheme: string;
38
40
  };
39
41
  fontSize: {
40
42
  type: string;
41
43
  label: string;
42
44
  groupsName: string;
43
- followTheme: string;
44
45
  };
45
46
  fontWeight: {
46
47
  type: string;
@@ -60,6 +61,7 @@ export declare const SearchView: {
60
61
  type: string;
61
62
  label: string;
62
63
  groupsName: string;
64
+ followTheme: string;
63
65
  };
64
66
  sBorderRadius: {
65
67
  type: string;
@@ -85,7 +87,8 @@ export declare const SearchView: {
85
87
  sBorderRadius: string;
86
88
  }[];
87
89
  followThemes: {
88
- '@font-size-base': string[];
90
+ '@border-color-base': never[];
91
+ '@color-text-base': never[];
89
92
  };
90
93
  tpl: string;
91
94
  components: {
@@ -14,7 +14,8 @@ export var SearchView = {
14
14
  borderColor: {
15
15
  type: 'color',
16
16
  label: '边框颜色',
17
- groupsName: '边框'
17
+ groupsName: '边框',
18
+ followTheme: '@border-color-base'
18
19
  },
19
20
  borderRadius: {
20
21
  type: 'px',
@@ -34,15 +35,17 @@ export var SearchView = {
34
35
  textColor: {
35
36
  type: 'color',
36
37
  label: '文本颜色',
37
- groupsName: '搜索框'
38
+ groupsName: '搜索框',
39
+ followTheme: '@color-text-base'
38
40
  },
39
41
  // lineHeight: { type: 'px', label: '文本行高', groupsName: '搜索框' },
40
42
  fontSize: {
41
43
  type: 'px',
42
44
  label: '文本尺寸',
43
- groupsName: '搜索框',
44
- followTheme: '@font-size-base'
45
+ groupsName: '搜索框'
46
+ // followTheme: '@font-size-base'
45
47
  },
48
+
46
49
  fontWeight: {
47
50
  type: 'select',
48
51
  label: '文本字重',
@@ -78,7 +81,8 @@ export var SearchView = {
78
81
  sBorderColor: {
79
82
  type: 'color',
80
83
  label: '边框颜色',
81
- groupsName: '搜索框'
84
+ groupsName: '搜索框',
85
+ followTheme: '@border-color-base'
82
86
  },
83
87
  sBorderRadius: {
84
88
  type: 'px',
@@ -104,7 +108,8 @@ export var SearchView = {
104
108
  sBorderRadius: '18px'
105
109
  }],
106
110
  followThemes: {
107
- '@font-size-base': ['fontSize']
111
+ '@border-color-base': [],
112
+ '@color-text-base': []
108
113
  },
109
114
  tpl: "\n .alita-search-view-wrap{\n --adm-color-background: backgroundColor;\n padding: paddingValue;\n border: 1PX solid borderColor;\n border-radius: borderRadius;\n overflow: hidden;\n }\n .alita-search-bar-input{\n background-color: sBackgroundColor;\ncolor: textColor;\nfont-size: fontSize;\nfont-weight: fontWeight;\npadding: sPaddingValue;\nborder-radius: sBorderRadius;\nborder: 1PX solid sBorderColor;\n }\n .alita-search-bar-search{\n width: iconSize;\n height: iconSize;\n }",
110
115
  components: [{
@@ -50,6 +50,7 @@ export declare const Table: {
50
50
  type: string;
51
51
  label: string;
52
52
  groupsName: string;
53
+ followTheme: string;
53
54
  };
54
55
  borderRadius: {
55
56
  type: string;
@@ -72,6 +73,9 @@ export declare const Table: {
72
73
  borderColor: string;
73
74
  borderRadius: string;
74
75
  }[];
76
+ followThemes: {
77
+ '@border-color-base': never[];
78
+ };
75
79
  tpl: string;
76
80
  components: ({
77
81
  id: string;
@@ -67,7 +67,8 @@ export var Table = {
67
67
  borderColor: {
68
68
  type: 'color',
69
69
  label: '边框颜色',
70
- groupsName: '基础样式'
70
+ groupsName: '基础样式',
71
+ followTheme: '@border-color-base'
71
72
  },
72
73
  borderRadius: {
73
74
  type: 'px',
@@ -124,6 +125,9 @@ export var Table = {
124
125
  // fHeadBgColor: '#FAFAFA',
125
126
  }],
126
127
 
128
+ followThemes: {
129
+ '@border-color-base': []
130
+ },
127
131
  tpl: ".appDynamicTable {\n border-radius: borderRadius;\n .table-header{\n font-weight: fontWeight;\n font-size: fontSize;\n color: textColor;\n }\n .ag-header-row{\n font-size: headFontSize;\n }\n .table-body{\n --dynamic-table-header-bg-color: headBgColor;\n --ag-odd-row-background-color: bodyBgColor;\n --dynamic-table-header-color: headTextColor;\n }\n .ag-theme-segmentation {\n --ag-background-color: bodyBgColor;\n --ag-borders-critical: borderColor;\n --ag-row-border-color: borderColor;\n --ag-header-border-color: borderColor;\n }\n .ag-theme-zebra {\n --ag-background-color: bodyBgColor;\n --ag-odd-row-background-color: zebraBgColor;\n --ag-borders: none;\n --ag-row-border-color: none;\n}\n .ag-theme-border {\n --ag-background-color: bodyBgColor;\n --ag-border-color: borderColor;\n --ag-cell-horizontal-border: solid borderColor;\n}\n }\n",
128
132
  // tpl: `
129
133
  // .appDynamicTable {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lingxiteam/theme-utils",
3
- "version": "0.3.1",
3
+ "version": "0.3.4",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",