@aloudata/aloudata-design 0.2.3 → 0.2.6

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 (21) hide show
  1. package/es/Button/style/index.less +15 -15
  2. package/es/Input/style/index.less +4 -4
  3. package/es/Menu/style/index.less +1 -1
  4. package/es/Message/index.d.ts +4 -3
  5. package/es/Notification/index.d.ts +3 -2
  6. package/es/Select/style/index.less +27 -27
  7. package/es/Tooltip/style/index.less +1 -1
  8. package/es/index.d.ts +2 -2
  9. package/es/index.js +2 -2
  10. package/es/style/themes/default/index.less +9 -9
  11. package/lib/Button/style/index.less +15 -15
  12. package/lib/Input/style/index.less +4 -4
  13. package/lib/Menu/style/index.less +1 -1
  14. package/lib/Message/index.d.ts +4 -3
  15. package/lib/Notification/index.d.ts +3 -2
  16. package/lib/Select/style/index.less +27 -27
  17. package/lib/Tooltip/style/index.less +1 -1
  18. package/lib/index.d.ts +2 -2
  19. package/lib/index.js +12 -12
  20. package/lib/style/themes/default/index.less +9 -9
  21. package/package.json +1 -1
package/es/Button/style/index.less CHANGED
@@ -17,11 +17,11 @@
17
17
  display: inline-flex;
18
18
  align-items: center;
19
19
  justify-content: center;
20
- height: @height-base;
20
+ height: @ald-height-base;
21
21
  padding: 0 11px;
22
22
  font-weight: 500;
23
23
  font-size: 12px;
24
- line-height: @height-base;
24
+ line-height: @ald-height-base;
25
25
  .@{ald-iconfont-css-prefix} {
26
26
  + span {
27
27
  margin-left: 4px;
@@ -41,14 +41,14 @@
41
41
  text-shadow: @text-shadow;
42
42
  background-color: @B40;
43
43
  border-color: @B40;
44
- border-radius: @border-radius-base;
44
+ border-radius: @ald-border-radius-base;
45
45
  box-shadow: none;
46
46
 
47
47
  &:focus {
48
48
  text-shadow: @text-shadow;
49
49
  background-color: @B40;
50
50
  border-color: @B40;
51
- border-radius: @border-radius-base;
51
+ border-radius: @ald-border-radius-base;
52
52
  box-shadow: none;
53
53
  }
54
54
 
@@ -120,7 +120,7 @@
120
120
  text-shadow: @text-shadow;
121
121
  background-color: @BG100;
122
122
  border-color: @NL90;
123
- border-radius: @border-radius-base;
123
+ border-radius: @ald-border-radius-base;
124
124
  box-shadow: none;
125
125
 
126
126
  &:focus {
@@ -128,7 +128,7 @@
128
128
  text-shadow: @text-shadow;
129
129
  background-color: @BG100;
130
130
  border-color: @NL90;
131
- border-radius: @border-radius-base;
131
+ border-radius: @ald-border-radius-base;
132
132
  box-shadow: none;
133
133
  }
134
134
 
@@ -161,7 +161,7 @@
161
161
  text-shadow: @text-shadow;
162
162
  background-color: @BG100;
163
163
  border-color: @BG100;
164
- border-radius: @border-radius-base;
164
+ border-radius: @ald-border-radius-base;
165
165
  box-shadow: none;
166
166
 
167
167
  &:focus {
@@ -169,7 +169,7 @@
169
169
  text-shadow: @text-shadow;
170
170
  background-color: @BG100;
171
171
  border-color: @BG100;
172
- border-radius: @border-radius-base;
172
+ border-radius: @ald-border-radius-base;
173
173
  box-shadow: none;
174
174
  }
175
175
 
@@ -203,7 +203,7 @@
203
203
  text-shadow: @text-shadow;
204
204
  background-color: @BG100;
205
205
  border-color: @BG100;
206
- border-radius: @border-radius-base;
206
+ border-radius: @ald-border-radius-base;
207
207
  box-shadow: none;
208
208
 
209
209
  &:focus {
@@ -212,7 +212,7 @@
212
212
  text-shadow: @text-shadow;
213
213
  background-color: @BG100;
214
214
  border-color: @BG100;
215
- border-radius: @border-radius-base;
215
+ border-radius: @ald-border-radius-base;
216
216
  box-shadow: none;
217
217
  }
218
218
 
@@ -242,8 +242,8 @@
242
242
 
243
243
  &-icon-only {
244
244
  justify-content: center;
245
- width: @height-base;
246
- height: @height-base;
245
+ width: @ald-height-base;
246
+ height: @ald-height-base;
247
247
  padding: 0;
248
248
  vertical-align: bottom;
249
249
 
@@ -260,7 +260,7 @@
260
260
 
261
261
  &-circle {
262
262
  justify-content: center;
263
- width: @height-base;
263
+ width: @ald-height-base;
264
264
  min-width: auto;
265
265
  padding: 0;
266
266
  border-radius: 50%;
@@ -287,12 +287,12 @@
287
287
  &-sm {
288
288
  height: 24px;
289
289
  line-height: 22px;
290
- border-radius: @border-radius-sm;
290
+ border-radius: @ald-border-radius-sm;
291
291
 
292
292
  &.ant-btn-icon-only {
293
293
  width: 24px;
294
294
  height: 24px;
295
- border-radius: @border-radius-sm;
295
+ border-radius: @ald-border-radius-sm;
296
296
  }
297
297
 
298
298
  &.ant-btn-circle {
package/es/Input/style/index.less CHANGED
@@ -9,7 +9,7 @@
9
9
  height: 28px;
10
10
  color: @NL0;
11
11
  font-size: 12px;
12
- border-radius: @border-radius-base;
12
+ border-radius: @ald-border-radius-base;
13
13
 
14
14
  &::placeholder {
15
15
  color: @NL50;
@@ -45,7 +45,7 @@
45
45
  &-sm {
46
46
  height: 24px;
47
47
  font-size: 12px;
48
- border-radius: @border-radius-sm;
48
+ border-radius: @ald-border-radius-sm;
49
49
  }
50
50
 
51
51
  &-lg {
@@ -56,7 +56,7 @@
56
56
  &-affix-wrapper {
57
57
  height: 28px;
58
58
  padding: 0 12px;
59
- border-radius: @border-radius-base;
59
+ border-radius: @ald-border-radius-base;
60
60
 
61
61
  &-hover,
62
62
  &-focused,
@@ -82,7 +82,7 @@
82
82
  &-sm {
83
83
  height: 24px;
84
84
  padding: 0 12px;
85
- border-radius: @border-radius-sm;
85
+ border-radius: @ald-border-radius-sm;
86
86
 
87
87
  .ant-input-sm {
88
88
  height: 22px;
package/es/Menu/style/index.less CHANGED
@@ -4,7 +4,7 @@
4
4
  .menu-popup {
5
5
  background: @BG100;
6
6
  border: 1px solid @NL95;
7
- border-radius: @border-radius-base;
7
+ border-radius: @ald-border-radius-base;
8
8
  box-shadow: @shadow-actionsheet;
9
9
  }
10
10
 
package/es/Message/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- import { message, MessageArgsProps } from 'antd';
2
- import { ConfigOptions } from 'antd/lib/message';
1
+ import { MessageArgsProps } from 'antd';
2
+ import { ConfigOptions, MessageApi } from 'antd/lib/message';
3
3
  export type { MessageArgsProps, ConfigOptions };
4
- export default message;
4
+ declare const _default: MessageApi;
5
+ export default _default;
package/es/Notification/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
- import { notification } from 'antd';
1
+ import { NotificationApi } from 'antd/lib/notification';
2
2
  export { ArgsProps, ConfigProps, NotificationInstance } from 'antd/lib/notification';
3
- export default notification;
3
+ declare const _default: NotificationApi;
4
+ export default _default;
package/es/Select/style/index.less CHANGED
@@ -19,16 +19,16 @@
19
19
  @margin-xs: 8px; // small items
20
20
  @margin-xss: 4px; // more small
21
21
 
22
- @border-color-base: #a3adc8;
22
+ @ald-border-color-base: #a3adc8;
23
23
  @border-color-split: hsv(0, 0, 94%); // split border inside a component
24
24
  @border-color-inverse: #fff;
25
25
  @border-width-base: 1px; // width of the border for a component
26
26
  @border-style-base: solid; // style of a components border
27
27
  @border-color-disabled: #dfe2ed;
28
- @select-option-height-lg: @height-lg;
28
+ @select-option-height-lg: @ald-height-lg;
29
29
  @select-option-line-height-lg: 16px;
30
- @select-option-height-base: @height-base;
31
- @select-option-height-sm: @height-sm;
30
+ @select-option-height-base: @ald-height-base;
31
+ @select-option-height-sm: @ald-height-sm;
32
32
  @line-height-base: 1.5715;
33
33
  // @mode: compact;
34
34
 
@@ -56,7 +56,7 @@
56
56
  padding: 0 36px 0 11px;
57
57
  overflow: hidden;
58
58
  border: 1px solid transparent;
59
- border-radius: @border-radius-base;
59
+ border-radius: @ald-border-radius-base;
60
60
  outline: none;
61
61
  cursor: pointer;
62
62
  transition: all 0.2s;
@@ -70,11 +70,11 @@
70
70
  &-selector {
71
71
  box-sizing: border-box;
72
72
  width: 100%;
73
- min-height: @height-base;
74
- max-height: @height-base * 3.5px;
73
+ min-height: @ald-height-base;
74
+ max-height: @ald-height-base * 3.5px;
75
75
  overflow-x: hidden;
76
76
  overflow-y: auto;
77
- border-radius: @border-radius-base;
77
+ border-radius: @ald-border-radius-base;
78
78
  transition: all 0.2s;
79
79
 
80
80
  &::-webkit-scrollbar {
@@ -92,19 +92,19 @@
92
92
  flex-shrink: 0;
93
93
  align-items: center;
94
94
  max-width: 50%;
95
- height: @height-base;
96
- margin-right: @select-label-margin-right;
95
+ height: @ald-height-base;
96
+ margin-right: @ald-select-label-margin-right;
97
97
  overflow: hidden;
98
98
  color: @NL30;
99
99
  font-size: @select-input-fontSize;
100
- line-height: @height-base;
100
+ line-height: @ald-height-base;
101
101
  }
102
102
 
103
103
  &-values-wrapper {
104
104
  position: relative;
105
105
  width: 100%;
106
106
  color: @NL0;
107
- line-height: @height-base;
107
+ line-height: @ald-height-base;
108
108
  }
109
109
 
110
110
  &-bordered {
@@ -208,7 +208,7 @@
208
208
  position: absolute;
209
209
  top: 0;
210
210
  left: 0;
211
- color: @select-placeholder-color;
211
+ color: @ald-select-placeholder-color;
212
212
  font-size: @select-input-fontSize-sm;
213
213
  }
214
214
 
@@ -237,24 +237,24 @@
237
237
  }
238
238
 
239
239
  &-small {
240
- border-radius: @border-radius-sm;
240
+ border-radius: @ald-border-radius-sm;
241
241
  .@{select-prefix-cls-legacy} {
242
242
  &-selector {
243
- min-height: @height-sm;
244
- max-height: @height-sm * 3.5px;
245
- border-radius: @border-radius-sm;
243
+ min-height: @ald-height-sm;
244
+ max-height: @ald-height-sm * 3.5px;
245
+ border-radius: @ald-border-radius-sm;
246
246
  }
247
247
 
248
248
  &-selector-label {
249
- height: @height-sm;
249
+ height: @ald-height-sm;
250
250
  color: @NL30;
251
251
  font-size: @select-input-fontSize-sm;
252
- line-height: @height-sm;
252
+ line-height: @ald-height-sm;
253
253
  }
254
254
 
255
255
  &-values-wrapper {
256
256
  font-size: @select-input-fontSize-sm;
257
- line-height: @height-sm;
257
+ line-height: @ald-height-sm;
258
258
  }
259
259
 
260
260
  &-item-all {
@@ -304,21 +304,21 @@
304
304
  }
305
305
 
306
306
  &-large {
307
- height: @height-lg;
307
+ height: @ald-height-lg;
308
308
  .@{select-prefix-cls-legacy} {
309
309
  &-selector {
310
- min-height: @height-lg;
311
- max-height: @height-lg * 3.5px;
310
+ min-height: @ald-height-lg;
311
+ max-height: @ald-height-lg * 3.5px;
312
312
  }
313
313
 
314
314
  &-selector-label {
315
- height: @height-lg;
315
+ height: @ald-height-lg;
316
316
  font-size: @select-input-fontSize;
317
- line-height: @height-lg;
317
+ line-height: @ald-height-lg;
318
318
  }
319
319
 
320
320
  &-values-wrapper {
321
- line-height: @height-lg;
321
+ line-height: @ald-height-lg;
322
322
  }
323
323
 
324
324
  &-tag-item {
@@ -389,7 +389,7 @@
389
389
  padding: 4px 0;
390
390
  background: @BG100;
391
391
  border: 1px solid @NL90;
392
- border-radius: @border-radius-base;
392
+ border-radius: @ald-border-radius-base;
393
393
  box-shadow: @shadow-actionsheet;
394
394
  &.@{select-prefix-cls-legacy}-hidden {
395
395
  display: none;
package/es/Tooltip/style/index.less CHANGED
@@ -4,7 +4,7 @@
4
4
  .ant-tooltip-inner {
5
5
  padding: 6px 12px;
6
6
  background: @BG10;
7
- border-radius: @border-radius-base;
7
+ border-radius: @ald-border-radius-base;
8
8
  box-shadow: none;
9
9
  }
10
10
 
package/es/index.d.ts CHANGED
@@ -31,9 +31,9 @@ export { default as DatePicker } from './DatePicker';
31
31
  export type { DatePickerProps } from './DatePicker';
32
32
  export { default as Layout } from './Layout';
33
33
  export type { LayoutProps } from './Layout';
34
- export { default as message } from './Message';
34
+ export { default as Message } from './Message';
35
35
  export type { MessageArgsProps } from './Message';
36
- export { default as notification } from './Notification';
36
+ export { default as Notification } from './Notification';
37
37
  export type { TreeProps, AntTreeNodeProps as TreeNodeProps, DataNode as TreeDataNode, } from './Tree';
38
38
  export { default as Tree } from './Tree';
39
39
  export type { SkeletonProps } from './Skeleton';
package/es/index.js CHANGED
@@ -15,8 +15,8 @@ export { default as Upload } from './Upload';
15
15
  export { default as ConfigProvider } from './ConfigProvider';
16
16
  export { default as DatePicker } from './DatePicker';
17
17
  export { default as Layout } from './Layout';
18
- export { default as message } from './Message';
19
- export { default as notification } from './Notification';
18
+ export { default as Message } from './Message';
19
+ export { default as Notification } from './Notification';
20
20
  export { default as Tree } from './Tree';
21
21
  export { default as Skeleton } from './Skeleton';
22
22
  export { default as Row } from './Row';
package/es/style/themes/default/index.less CHANGED
@@ -4,17 +4,17 @@
4
4
 
5
5
 
6
6
  // height rules
7
- @height-base: 28px;
8
- @height-lg: 32px;
9
- @height-sm: 22px;
7
+ @ald-height-base: 28px;
8
+ @ald-height-lg: 32px;
9
+ @ald-height-sm: 22px;
10
10
 
11
11
 
12
- @border-radius-base: 8px;
13
- @border-radius-sm: 6px;
14
- @border-color-base: #e7e8e9; // 边框的基础色
12
+ @ald-border-radius-base: 8px;
13
+ @ald-border-radius-sm: 6px;
14
+ @ald-border-color-base: #e7e8e9; // 边框的基础色
15
15
 
16
16
  // color
17
- @primary-color: @B40; // 主色调
17
+ @primary-color: @B60; // 主色调
18
18
  @error-color: @SC40; // 错误色
19
19
  @success-color: @SA40; // 成功色
20
20
  @warning-color: @SB40; // 警告色
@@ -32,5 +32,5 @@
32
32
 
33
33
  //Select
34
34
 
35
- @select-placeholder-color: @NL50;
36
- @select-label-margin-right:4px;
35
+ @ald-select-placeholder-color: @NL50;
36
+ @ald-select-label-margin-right:4px;
package/lib/Button/style/index.less CHANGED
@@ -17,11 +17,11 @@
17
17
  display: inline-flex;
18
18
  align-items: center;
19
19
  justify-content: center;
20
- height: @height-base;
20
+ height: @ald-height-base;
21
21
  padding: 0 11px;
22
22
  font-weight: 500;
23
23
  font-size: 12px;
24
- line-height: @height-base;
24
+ line-height: @ald-height-base;
25
25
  .@{ald-iconfont-css-prefix} {
26
26
  + span {
27
27
  margin-left: 4px;
@@ -41,14 +41,14 @@
41
41
  text-shadow: @text-shadow;
42
42
  background-color: @B40;
43
43
  border-color: @B40;
44
- border-radius: @border-radius-base;
44
+ border-radius: @ald-border-radius-base;
45
45
  box-shadow: none;
46
46
 
47
47
  &:focus {
48
48
  text-shadow: @text-shadow;
49
49
  background-color: @B40;
50
50
  border-color: @B40;
51
- border-radius: @border-radius-base;
51
+ border-radius: @ald-border-radius-base;
52
52
  box-shadow: none;
53
53
  }
54
54
 
@@ -120,7 +120,7 @@
120
120
  text-shadow: @text-shadow;
121
121
  background-color: @BG100;
122
122
  border-color: @NL90;
123
- border-radius: @border-radius-base;
123
+ border-radius: @ald-border-radius-base;
124
124
  box-shadow: none;
125
125
 
126
126
  &:focus {
@@ -128,7 +128,7 @@
128
128
  text-shadow: @text-shadow;
129
129
  background-color: @BG100;
130
130
  border-color: @NL90;
131
- border-radius: @border-radius-base;
131
+ border-radius: @ald-border-radius-base;
132
132
  box-shadow: none;
133
133
  }
134
134
 
@@ -161,7 +161,7 @@
161
161
  text-shadow: @text-shadow;
162
162
  background-color: @BG100;
163
163
  border-color: @BG100;
164
- border-radius: @border-radius-base;
164
+ border-radius: @ald-border-radius-base;
165
165
  box-shadow: none;
166
166
 
167
167
  &:focus {
@@ -169,7 +169,7 @@
169
169
  text-shadow: @text-shadow;
170
170
  background-color: @BG100;
171
171
  border-color: @BG100;
172
- border-radius: @border-radius-base;
172
+ border-radius: @ald-border-radius-base;
173
173
  box-shadow: none;
174
174
  }
175
175
 
@@ -203,7 +203,7 @@
203
203
  text-shadow: @text-shadow;
204
204
  background-color: @BG100;
205
205
  border-color: @BG100;
206
- border-radius: @border-radius-base;
206
+ border-radius: @ald-border-radius-base;
207
207
  box-shadow: none;
208
208
 
209
209
  &:focus {
@@ -212,7 +212,7 @@
212
212
  text-shadow: @text-shadow;
213
213
  background-color: @BG100;
214
214
  border-color: @BG100;
215
- border-radius: @border-radius-base;
215
+ border-radius: @ald-border-radius-base;
216
216
  box-shadow: none;
217
217
  }
218
218
 
@@ -242,8 +242,8 @@
242
242
 
243
243
  &-icon-only {
244
244
  justify-content: center;
245
- width: @height-base;
246
- height: @height-base;
245
+ width: @ald-height-base;
246
+ height: @ald-height-base;
247
247
  padding: 0;
248
248
  vertical-align: bottom;
249
249
 
@@ -260,7 +260,7 @@
260
260
 
261
261
  &-circle {
262
262
  justify-content: center;
263
- width: @height-base;
263
+ width: @ald-height-base;
264
264
  min-width: auto;
265
265
  padding: 0;
266
266
  border-radius: 50%;
@@ -287,12 +287,12 @@
287
287
  &-sm {
288
288
  height: 24px;
289
289
  line-height: 22px;
290
- border-radius: @border-radius-sm;
290
+ border-radius: @ald-border-radius-sm;
291
291
 
292
292
  &.ant-btn-icon-only {
293
293
  width: 24px;
294
294
  height: 24px;
295
- border-radius: @border-radius-sm;
295
+ border-radius: @ald-border-radius-sm;
296
296
  }
297
297
 
298
298
  &.ant-btn-circle {
package/lib/Input/style/index.less CHANGED
@@ -9,7 +9,7 @@
9
9
  height: 28px;
10
10
  color: @NL0;
11
11
  font-size: 12px;
12
- border-radius: @border-radius-base;
12
+ border-radius: @ald-border-radius-base;
13
13
 
14
14
  &::placeholder {
15
15
  color: @NL50;
@@ -45,7 +45,7 @@
45
45
  &-sm {
46
46
  height: 24px;
47
47
  font-size: 12px;
48
- border-radius: @border-radius-sm;
48
+ border-radius: @ald-border-radius-sm;
49
49
  }
50
50
 
51
51
  &-lg {
@@ -56,7 +56,7 @@
56
56
  &-affix-wrapper {
57
57
  height: 28px;
58
58
  padding: 0 12px;
59
- border-radius: @border-radius-base;
59
+ border-radius: @ald-border-radius-base;
60
60
 
61
61
  &-hover,
62
62
  &-focused,
@@ -82,7 +82,7 @@
82
82
  &-sm {
83
83
  height: 24px;
84
84
  padding: 0 12px;
85
- border-radius: @border-radius-sm;
85
+ border-radius: @ald-border-radius-sm;
86
86
 
87
87
  .ant-input-sm {
88
88
  height: 22px;
package/lib/Menu/style/index.less CHANGED
@@ -4,7 +4,7 @@
4
4
  .menu-popup {
5
5
  background: @BG100;
6
6
  border: 1px solid @NL95;
7
- border-radius: @border-radius-base;
7
+ border-radius: @ald-border-radius-base;
8
8
  box-shadow: @shadow-actionsheet;
9
9
  }
10
10
 
package/lib/Message/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- import { message, MessageArgsProps } from 'antd';
2
- import { ConfigOptions } from 'antd/lib/message';
1
+ import { MessageArgsProps } from 'antd';
2
+ import { ConfigOptions, MessageApi } from 'antd/lib/message';
3
3
  export type { MessageArgsProps, ConfigOptions };
4
- export default message;
4
+ declare const _default: MessageApi;
5
+ export default _default;
package/lib/Notification/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
- import { notification } from 'antd';
1
+ import { NotificationApi } from 'antd/lib/notification';
2
2
  export { ArgsProps, ConfigProps, NotificationInstance } from 'antd/lib/notification';
3
- export default notification;
3
+ declare const _default: NotificationApi;
4
+ export default _default;
package/lib/Select/style/index.less CHANGED
@@ -19,16 +19,16 @@
19
19
  @margin-xs: 8px; // small items
20
20
  @margin-xss: 4px; // more small
21
21
 
22
- @border-color-base: #a3adc8;
22
+ @ald-border-color-base: #a3adc8;
23
23
  @border-color-split: hsv(0, 0, 94%); // split border inside a component
24
24
  @border-color-inverse: #fff;
25
25
  @border-width-base: 1px; // width of the border for a component
26
26
  @border-style-base: solid; // style of a components border
27
27
  @border-color-disabled: #dfe2ed;
28
- @select-option-height-lg: @height-lg;
28
+ @select-option-height-lg: @ald-height-lg;
29
29
  @select-option-line-height-lg: 16px;
30
- @select-option-height-base: @height-base;
31
- @select-option-height-sm: @height-sm;
30
+ @select-option-height-base: @ald-height-base;
31
+ @select-option-height-sm: @ald-height-sm;
32
32
  @line-height-base: 1.5715;
33
33
  // @mode: compact;
34
34
 
@@ -56,7 +56,7 @@
56
56
  padding: 0 36px 0 11px;
57
57
  overflow: hidden;
58
58
  border: 1px solid transparent;
59
- border-radius: @border-radius-base;
59
+ border-radius: @ald-border-radius-base;
60
60
  outline: none;
61
61
  cursor: pointer;
62
62
  transition: all 0.2s;
@@ -70,11 +70,11 @@
70
70
  &-selector {
71
71
  box-sizing: border-box;
72
72
  width: 100%;
73
- min-height: @height-base;
74
- max-height: @height-base * 3.5px;
73
+ min-height: @ald-height-base;
74
+ max-height: @ald-height-base * 3.5px;
75
75
  overflow-x: hidden;
76
76
  overflow-y: auto;
77
- border-radius: @border-radius-base;
77
+ border-radius: @ald-border-radius-base;
78
78
  transition: all 0.2s;
79
79
 
80
80
  &::-webkit-scrollbar {
@@ -92,19 +92,19 @@
92
92
  flex-shrink: 0;
93
93
  align-items: center;
94
94
  max-width: 50%;
95
- height: @height-base;
96
- margin-right: @select-label-margin-right;
95
+ height: @ald-height-base;
96
+ margin-right: @ald-select-label-margin-right;
97
97
  overflow: hidden;
98
98
  color: @NL30;
99
99
  font-size: @select-input-fontSize;
100
- line-height: @height-base;
100
+ line-height: @ald-height-base;
101
101
  }
102
102
 
103
103
  &-values-wrapper {
104
104
  position: relative;
105
105
  width: 100%;
106
106
  color: @NL0;
107
- line-height: @height-base;
107
+ line-height: @ald-height-base;
108
108
  }
109
109
 
110
110
  &-bordered {
@@ -208,7 +208,7 @@
208
208
  position: absolute;
209
209
  top: 0;
210
210
  left: 0;
211
- color: @select-placeholder-color;
211
+ color: @ald-select-placeholder-color;
212
212
  font-size: @select-input-fontSize-sm;
213
213
  }
214
214
 
@@ -237,24 +237,24 @@
237
237
  }
238
238
 
239
239
  &-small {
240
- border-radius: @border-radius-sm;
240
+ border-radius: @ald-border-radius-sm;
241
241
  .@{select-prefix-cls-legacy} {
242
242
  &-selector {
243
- min-height: @height-sm;
244
- max-height: @height-sm * 3.5px;
245
- border-radius: @border-radius-sm;
243
+ min-height: @ald-height-sm;
244
+ max-height: @ald-height-sm * 3.5px;
245
+ border-radius: @ald-border-radius-sm;
246
246
  }
247
247
 
248
248
  &-selector-label {
249
- height: @height-sm;
249
+ height: @ald-height-sm;
250
250
  color: @NL30;
251
251
  font-size: @select-input-fontSize-sm;
252
- line-height: @height-sm;
252
+ line-height: @ald-height-sm;
253
253
  }
254
254
 
255
255
  &-values-wrapper {
256
256
  font-size: @select-input-fontSize-sm;
257
- line-height: @height-sm;
257
+ line-height: @ald-height-sm;
258
258
  }
259
259
 
260
260
  &-item-all {
@@ -304,21 +304,21 @@
304
304
  }
305
305
 
306
306
  &-large {
307
- height: @height-lg;
307
+ height: @ald-height-lg;
308
308
  .@{select-prefix-cls-legacy} {
309
309
  &-selector {
310
- min-height: @height-lg;
311
- max-height: @height-lg * 3.5px;
310
+ min-height: @ald-height-lg;
311
+ max-height: @ald-height-lg * 3.5px;
312
312
  }
313
313
 
314
314
  &-selector-label {
315
- height: @height-lg;
315
+ height: @ald-height-lg;
316
316
  font-size: @select-input-fontSize;
317
- line-height: @height-lg;
317
+ line-height: @ald-height-lg;
318
318
  }
319
319
 
320
320
  &-values-wrapper {
321
- line-height: @height-lg;
321
+ line-height: @ald-height-lg;
322
322
  }
323
323
 
324
324
  &-tag-item {
@@ -389,7 +389,7 @@
389
389
  padding: 4px 0;
390
390
  background: @BG100;
391
391
  border: 1px solid @NL90;
392
- border-radius: @border-radius-base;
392
+ border-radius: @ald-border-radius-base;
393
393
  box-shadow: @shadow-actionsheet;
394
394
  &.@{select-prefix-cls-legacy}-hidden {
395
395
  display: none;
package/lib/Tooltip/style/index.less CHANGED
@@ -4,7 +4,7 @@
4
4
  .ant-tooltip-inner {
5
5
  padding: 6px 12px;
6
6
  background: @BG10;
7
- border-radius: @border-radius-base;
7
+ border-radius: @ald-border-radius-base;
8
8
  box-shadow: none;
9
9
  }
10
10
 
package/lib/index.d.ts CHANGED
@@ -31,9 +31,9 @@ export { default as DatePicker } from './DatePicker';
31
31
  export type { DatePickerProps } from './DatePicker';
32
32
  export { default as Layout } from './Layout';
33
33
  export type { LayoutProps } from './Layout';
34
- export { default as message } from './Message';
34
+ export { default as Message } from './Message';
35
35
  export type { MessageArgsProps } from './Message';
36
- export { default as notification } from './Notification';
36
+ export { default as Notification } from './Notification';
37
37
  export type { TreeProps, AntTreeNodeProps as TreeNodeProps, DataNode as TreeDataNode, } from './Tree';
38
38
  export { default as Tree } from './Tree';
39
39
  export type { SkeletonProps } from './Skeleton';
package/lib/index.js CHANGED
@@ -75,12 +75,24 @@ Object.defineProperty(exports, "Menu", {
75
75
  return _Menu.default;
76
76
  }
77
77
  });
78
+ Object.defineProperty(exports, "Message", {
79
+ enumerable: true,
80
+ get: function get() {
81
+ return _Message.default;
82
+ }
83
+ });
78
84
  Object.defineProperty(exports, "Navigator", {
79
85
  enumerable: true,
80
86
  get: function get() {
81
87
  return _Navigator.default;
82
88
  }
83
89
  });
90
+ Object.defineProperty(exports, "Notification", {
91
+ enumerable: true,
92
+ get: function get() {
93
+ return _Notification.default;
94
+ }
95
+ });
84
96
  Object.defineProperty(exports, "Radio", {
85
97
  enumerable: true,
86
98
  get: function get() {
@@ -165,18 +177,6 @@ Object.defineProperty(exports, "Upload", {
165
177
  return _Upload.default;
166
178
  }
167
179
  });
168
- Object.defineProperty(exports, "message", {
169
- enumerable: true,
170
- get: function get() {
171
- return _Message.default;
172
- }
173
- });
174
- Object.defineProperty(exports, "notification", {
175
- enumerable: true,
176
- get: function get() {
177
- return _Notification.default;
178
- }
179
- });
180
180
 
181
181
  var _Button = _interopRequireDefault(require("./Button"));
182
182
 
package/lib/style/themes/default/index.less CHANGED
@@ -4,17 +4,17 @@
4
4
 
5
5
 
6
6
  // height rules
7
- @height-base: 28px;
8
- @height-lg: 32px;
9
- @height-sm: 22px;
7
+ @ald-height-base: 28px;
8
+ @ald-height-lg: 32px;
9
+ @ald-height-sm: 22px;
10
10
 
11
11
 
12
- @border-radius-base: 8px;
13
- @border-radius-sm: 6px;
14
- @border-color-base: #e7e8e9; // 边框的基础色
12
+ @ald-border-radius-base: 8px;
13
+ @ald-border-radius-sm: 6px;
14
+ @ald-border-color-base: #e7e8e9; // 边框的基础色
15
15
 
16
16
  // color
17
- @primary-color: @B40; // 主色调
17
+ @primary-color: @B60; // 主色调
18
18
  @error-color: @SC40; // 错误色
19
19
  @success-color: @SA40; // 成功色
20
20
  @warning-color: @SB40; // 警告色
@@ -32,5 +32,5 @@
32
32
 
33
33
  //Select
34
34
 
35
- @select-placeholder-color: @NL50;
36
- @select-label-margin-right:4px;
35
+ @ald-select-placeholder-color: @NL50;
36
+ @ald-select-label-margin-right:4px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aloudata/aloudata-design",
3
- "version": "0.2.3",
3
+ "version": "0.2.6",
4
4
  "scripts": {
5
5
  "start": "dumi dev",
6
6
  "docs:build": "dumi build",