hc-basic 1.5.2 → 1.6.0

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 (15) hide show
  1. package/lib/hc-basic.common.js +52 -43
  2. package/lib/hc-basic.umd.js +52 -43
  3. package/lib/hc-basic.umd.min.js +1 -1
  4. package/package.json +2 -1
  5. package/scss/default/_basicConfig.scss +200 -0
  6. package/scss/default/_config.scss +61 -0
  7. package/scss/default/_element-variables.scss +1017 -0
  8. package/scss/default/index.scss +5 -0
  9. package/scss/{_basicConfig.scss → theme/_basicConfig.scss} +153 -153
  10. package/scss/{_config.scss → theme/_config.scss} +28 -28
  11. package/scss/{_element-variables.scss → theme/_element-variables.scss} +46 -46
  12. package/scss/theme/index.scss +5 -0
  13. package/scss/theme/theme.css +13139 -0
  14. package/scss/index.scss +0 -5
  15. package/scss/theme.css +0 -13139
package/scss/default/index.scss ADDED
@@ -0,0 +1,5 @@
1
+ @import '../common/reset'; // 浏览器默认样式重置
2
+ @import 'basicConfig'; // 基于config的不可变scss配置文件
3
+ @import '../common/index'; // 基础样式设置
4
+ @import 'element-variables'; // elementUI主题配置
5
+ @import '../common/components'; // 组件样式
package/scss/{_basicConfig.scss → theme/_basicConfig.scss} RENAMED
@@ -17,7 +17,7 @@ $--color-white: var(--color-default);
17
17
  $--border-color-base-hc: var(--color-border-base); //
18
18
  $--border-color-light-hc: var(--color-border-light);
19
19
  $--border-color-lighter-hc: var(--color-border-lighter);
20
- $--border-color-extra-light-hc: var(--color-border-extra-light);// 边框样式
20
+ $--border-color-extra-light-hc: var(--color-border-extra-light); // 边框样式
21
21
  $borderBase: 1px solid var(--color-border-base);
22
22
  $borderLight: 1px solid var(--color-border-light);
23
23
  $borderLighter: 1px solid var(--color-border-lighter);
@@ -52,166 +52,166 @@ $--color-warning-hc-5: var(--color-warning-5);
52
52
  $--color-danger-hc-5: var(--color-danger-5);
53
53
 
54
54
  $bgList: (
55
- (
56
- name: default,
57
- value: $--color-default-hc
58
- ),
59
- (
60
- name: default-50,
61
- value: $--color-default-hc-50
62
- ),
63
- (
64
- name: default-10,
65
- value: $--color-default-hc-10
66
- ),
67
- (
68
- name: default-5,
69
- value: $--color-default-hc-5
70
- ),
71
- (
72
- name: primary,
73
- value: $--color-primary-hc
74
- ),
75
- (
76
- name: primary-50,
77
- value: $--color-primary-hc-50
78
- ),
79
- (
80
- name: primary-10,
81
- value: $--color-primary-hc-10
82
- ),
83
- (
84
- name: primary-5,
85
- value: $--color-primary-hc-5
86
- ),
87
- (
88
- name: success,
89
- value: $--color-success-hc
90
- ),
91
- (
92
- name: success-50,
93
- value: $--color-success-hc-50
94
- ),
95
- (
96
- name: success-10,
97
- value: $--color-success-hc-10
98
- ),
99
- (
100
- name: success-5,
101
- value: $--color-success-hc-5
102
- ),
103
- (
104
- name: info,
105
- value: $--color-info-hc
106
- ),
107
- (
108
- name: info-50,
109
- value: $--color-info-hc-50
110
- ),
111
- (
112
- name: info-10,
113
- value: $--color-info-hc-10
114
- ),
115
- (
116
- name: info-5,
117
- value: $--color-info-hc-5
118
- ),
119
- (
120
- name: warning,
121
- value: $--color-warning-hc
122
- ),
123
- (
124
- name: warning-50,
125
- value: $--color-warning-hc-50
126
- ),
127
- (
128
- name: warning-10,
129
- value: $--color-warning-hc-10
130
- ),
131
- (
132
- name: warning-5,
133
- value: $--color-warning-hc-5
134
- ),
135
- (
136
- name: danger,
137
- value: $--color-danger-hc
138
- ),
139
- (
140
- name: danger-50,
141
- value: $--color-danger-hc-50
142
- ),
143
- (
144
- name: danger-10,
145
- value: $--color-danger-hc-10
146
- ),
147
- (
148
- name: danger-5,
149
- value: $--color-danger-hc-5
150
- )
55
+ (
56
+ name: default,
57
+ value: $--color-default-hc
58
+ ),
59
+ (
60
+ name: default-50,
61
+ value: $--color-default-hc-50
62
+ ),
63
+ (
64
+ name: default-10,
65
+ value: $--color-default-hc-10
66
+ ),
67
+ (
68
+ name: default-5,
69
+ value: $--color-default-hc-5
70
+ ),
71
+ (
72
+ name: primary,
73
+ value: $--color-primary-hc
74
+ ),
75
+ (
76
+ name: primary-50,
77
+ value: $--color-primary-hc-50
78
+ ),
79
+ (
80
+ name: primary-10,
81
+ value: $--color-primary-hc-10
82
+ ),
83
+ (
84
+ name: primary-5,
85
+ value: $--color-primary-hc-5
86
+ ),
87
+ (
88
+ name: success,
89
+ value: $--color-success-hc
90
+ ),
91
+ (
92
+ name: success-50,
93
+ value: $--color-success-hc-50
94
+ ),
95
+ (
96
+ name: success-10,
97
+ value: $--color-success-hc-10
98
+ ),
99
+ (
100
+ name: success-5,
101
+ value: $--color-success-hc-5
102
+ ),
103
+ (
104
+ name: info,
105
+ value: $--color-info-hc
106
+ ),
107
+ (
108
+ name: info-50,
109
+ value: $--color-info-hc-50
110
+ ),
111
+ (
112
+ name: info-10,
113
+ value: $--color-info-hc-10
114
+ ),
115
+ (
116
+ name: info-5,
117
+ value: $--color-info-hc-5
118
+ ),
119
+ (
120
+ name: warning,
121
+ value: $--color-warning-hc
122
+ ),
123
+ (
124
+ name: warning-50,
125
+ value: $--color-warning-hc-50
126
+ ),
127
+ (
128
+ name: warning-10,
129
+ value: $--color-warning-hc-10
130
+ ),
131
+ (
132
+ name: warning-5,
133
+ value: $--color-warning-hc-5
134
+ ),
135
+ (
136
+ name: danger,
137
+ value: $--color-danger-hc
138
+ ),
139
+ (
140
+ name: danger-50,
141
+ value: $--color-danger-hc-50
142
+ ),
143
+ (
144
+ name: danger-10,
145
+ value: $--color-danger-hc-10
146
+ ),
147
+ (
148
+ name: danger-5,
149
+ value: $--color-danger-hc-5
150
+ )
151
151
  );
152
152
 
153
153
  $borderList: (
154
- (
155
- name: '',
156
- value: $borderBase
157
- ),
158
- (
159
- name: -light,
160
- value: $borderLight
161
- ),
162
- (
163
- name: -lighter,
164
- value: $borderLighter
165
- ),
166
- (
167
- name: -extra-light,
168
- value: $borderExtraLight
169
- )
154
+ (
155
+ name: '',
156
+ value: $borderBase
157
+ ),
158
+ (
159
+ name: -light,
160
+ value: $borderLight
161
+ ),
162
+ (
163
+ name: -lighter,
164
+ value: $borderLighter
165
+ ),
166
+ (
167
+ name: -extra-light,
168
+ value: $borderExtraLight
169
+ )
170
170
  );
171
171
  $borderDirections: (left, right, bottom, top);
172
172
  $cursorList: (pointer, move, wait, not-allowed);
173
173
  $displayList: (none, table, table-cell, block, inline, inline-block, inherit, flex);
174
174
  $floatList: (none, left, right);
175
175
  $textColor: (
176
- (
177
- name: 'white',
178
- value: $--color-default-hc
179
- ),
180
- (
181
- name: primary,
182
- value: $--color-primary-hc
183
- ),
184
- (
185
- name: success,
186
- value: $--color-success-hc
187
- ),
188
- (
189
- name: info,
190
- value: $--color-info-hc
191
- ),
192
- (
193
- name: warning,
194
- value: $--color-warning-hc
195
- ),
196
- (
197
- name: danger,
198
- value: $--color-danger-hc
199
- ),
200
- (
201
- name: text-primary,
202
- value: $--color-text-primary-hc
203
- ),
204
- (
205
- name: text-regular,
206
- value: $--color-text-regular-hc
207
- ),
208
- (
209
- name: text-secondary,
210
- value: $--color-text-secondary-hc
211
- ),
212
- (
213
- name: text-placeholder,
214
- value: $--color-text-placeholder-hc
215
- )
176
+ (
177
+ name: 'white',
178
+ value: $--color-default-hc
179
+ ),
180
+ (
181
+ name: primary,
182
+ value: $--color-primary-hc
183
+ ),
184
+ (
185
+ name: success,
186
+ value: $--color-success-hc
187
+ ),
188
+ (
189
+ name: info,
190
+ value: $--color-info-hc
191
+ ),
192
+ (
193
+ name: warning,
194
+ value: $--color-warning-hc
195
+ ),
196
+ (
197
+ name: danger,
198
+ value: $--color-danger-hc
199
+ ),
200
+ (
201
+ name: text-primary,
202
+ value: $--color-text-primary-hc
203
+ ),
204
+ (
205
+ name: text-regular,
206
+ value: $--color-text-regular-hc
207
+ ),
208
+ (
209
+ name: text-secondary,
210
+ value: $--color-text-secondary-hc
211
+ ),
212
+ (
213
+ name: text-placeholder,
214
+ value: $--color-text-placeholder-hc
215
+ )
216
216
  );
217
217
  $positionList: (relative, fixed, absolute);
package/scss/{_config.scss → theme/_config.scss} RENAMED
@@ -8,32 +8,32 @@ $colMax: 25; // 24珊格col布局
8
8
 
9
9
  // 文本字体大小和lineHeight的配合设置
10
10
  $textList: (
11
- (
12
- size: 12,
13
- line: 20
14
- ),
15
- (
16
- size: 14,
17
- line: 20
18
- ),
19
- (
20
- size: 16,
21
- line: 22
22
- ),
23
- (
24
- size: 18,
25
- line: 24
26
- ),
27
- (
28
- size: 20,
29
- line: 26
30
- ),
31
- (
32
- size: 28,
33
- line: 40
34
- ),
35
- (
36
- size: 36,
37
- line: 50
38
- )
11
+ (
12
+ size: 12,
13
+ line: 20
14
+ ),
15
+ (
16
+ size: 14,
17
+ line: 20
18
+ ),
19
+ (
20
+ size: 16,
21
+ line: 22
22
+ ),
23
+ (
24
+ size: 18,
25
+ line: 24
26
+ ),
27
+ (
28
+ size: 20,
29
+ line: 26
30
+ ),
31
+ (
32
+ size: 28,
33
+ line: 40
34
+ ),
35
+ (
36
+ size: 36,
37
+ line: 50
38
+ )
39
39
  );
package/scss/{_element-variables.scss → theme/_element-variables.scss} RENAMED
@@ -57,13 +57,13 @@ $--color-text-secondary: var(--color-text-secondary) !default;
57
57
  /// color|1|Font Color|2
58
58
  $--color-text-placeholder: var(--color-text-placeholder) !default;
59
59
  /// color|1|Border Color|3
60
- $--border-color-base: $--border-color-base-hc !default;
60
+ $--border-color-base: var(--color-border-base) !default;
61
61
  /// color|1|Border Color|3
62
- $--border-color-light: $--border-color-light-hc !default;
62
+ $--border-color-light: var(--color-border-light) !default;
63
63
  /// color|1|Border Color|3
64
- $--border-color-lighter: $--border-color-lighter-hc !default;
64
+ $--border-color-lighter: var(--color-border-lighter) !default;
65
65
  /// color|1|Border Color|3
66
- $--border-color-extra-light: $--border-color-extra-light-hc !default;
66
+ $--border-color-extra-light: var(--color-border-extra-light) !default;
67
67
 
68
68
  // Background
69
69
  /// color|1|Background Color|4
@@ -972,49 +972,49 @@ $--lg: 1200px !default;
972
972
  $--xl: 1920px !default;
973
973
 
974
974
  $--breakpoints: (
975
- 'xs': (
976
- max-width: $--sm - 1
977
- ),
978
- 'sm': (
979
- min-width: $--sm
980
- ),
981
- 'md': (
982
- min-width: $--md
983
- ),
984
- 'lg': (
985
- min-width: $--lg
986
- ),
987
- 'xl': (
988
- min-width: $--xl
989
- )
975
+ 'xs': (
976
+ max-width: $--sm - 1
977
+ ),
978
+ 'sm': (
979
+ min-width: $--sm
980
+ ),
981
+ 'md': (
982
+ min-width: $--md
983
+ ),
984
+ 'lg': (
985
+ min-width: $--lg
986
+ ),
987
+ 'xl': (
988
+ min-width: $--xl
989
+ )
990
990
  );
991
991
 
992
992
  $--breakpoints-spec: (
993
- 'xs-only': (
994
- max-width: $--sm - 1
995
- ),
996
- 'sm-and-up': (
997
- min-width: $--sm
998
- ),
999
- 'sm-only': '(min-width: #{$--sm}) and (max-width: #{$--md - 1})',
1000
- 'sm-and-down': (
1001
- max-width: $--md - 1
1002
- ),
1003
- 'md-and-up': (
1004
- min-width: $--md
1005
- ),
1006
- 'md-only': '(min-width: #{$--md}) and (max-width: #{$--lg - 1})',
1007
- 'md-and-down': (
1008
- max-width: $--lg - 1
1009
- ),
1010
- 'lg-and-up': (
1011
- min-width: $--lg
1012
- ),
1013
- 'lg-only': '(min-width: #{$--lg}) and (max-width: #{$--xl - 1})',
1014
- 'lg-and-down': (
1015
- max-width: $--xl - 1
1016
- ),
1017
- 'xl-only': (
1018
- min-width: $--xl
1019
- )
993
+ 'xs-only': (
994
+ max-width: $--sm - 1
995
+ ),
996
+ 'sm-and-up': (
997
+ min-width: $--sm
998
+ ),
999
+ 'sm-only': '(min-width: #{$--sm}) and (max-width: #{$--md - 1})',
1000
+ 'sm-and-down': (
1001
+ max-width: $--md - 1
1002
+ ),
1003
+ 'md-and-up': (
1004
+ min-width: $--md
1005
+ ),
1006
+ 'md-only': '(min-width: #{$--md}) and (max-width: #{$--lg - 1})',
1007
+ 'md-and-down': (
1008
+ max-width: $--lg - 1
1009
+ ),
1010
+ 'lg-and-up': (
1011
+ min-width: $--lg
1012
+ ),
1013
+ 'lg-only': '(min-width: #{$--lg}) and (max-width: #{$--xl - 1})',
1014
+ 'lg-and-down': (
1015
+ max-width: $--xl - 1
1016
+ ),
1017
+ 'xl-only': (
1018
+ min-width: $--xl
1019
+ )
1020
1020
  );
package/scss/theme/index.scss ADDED
@@ -0,0 +1,5 @@
1
+ @import '../common/reset'; // 浏览器默认样式重置
2
+ @import 'basicConfig'; // 基于config的不可变scss配置文件
3
+ @import '../common/index'; // 基础样式设置
4
+ @import '../common/components'; // 组件样式
5
+ @import 'element-variables';