@aloudata/aloudata-design 0.2.0-beta.7 → 0.2.0-beta.8

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 (13) hide show
  1. package/es/Button/style/index.less +23 -13
  2. package/es/Empty/style/index.less +2 -1
  3. package/es/Icon/index.js +3 -1
  4. package/es/Input/style/index.less +5 -3
  5. package/es/Table/style/index.less +42 -34
  6. package/es/style/themes/default/index.less +1 -1
  7. package/lib/Button/style/index.less +23 -13
  8. package/lib/Empty/style/index.less +2 -1
  9. package/lib/Icon/index.js +5 -3
  10. package/lib/Input/style/index.less +5 -3
  11. package/lib/Table/style/index.less +42 -34
  12. package/lib/style/themes/default/index.less +1 -1
  13. package/package.json +2 -2
package/es/Button/style/index.less CHANGED
@@ -2,9 +2,9 @@
2
2
 
3
3
  @ald-prefix:ant;
4
4
  @ald-iconfont-css-prefix:anticon;
5
- .@{ald-prefix}-btn {
6
5
 
7
- &.@{ald-prefix}-btn {
6
+ .ant-btn {
7
+ &.ant-btn {
8
8
  // &-loading::before{
9
9
  // // display: none !important;
10
10
  // }
@@ -43,10 +43,11 @@
43
43
  box-shadow: none;
44
44
  border-radius: @border-radius-base;
45
45
  text-shadow: @text-shadow;
46
+
46
47
  &:hover,
47
48
  &:focus,
48
49
  &:active,
49
- &.@{ald-prefix}-btn-loading {
50
+ &.ant-btn-loading {
50
51
  background-color: @B20;
51
52
  border-color: @B20;
52
53
  color: @ND0;
@@ -66,7 +67,8 @@
66
67
  }
67
68
  }
68
69
  }
69
- &-dangerous.@{ald-prefix}-btn-primary {
70
+
71
+ &-dangerous.ant-btn-primary {
70
72
  background-color: @SC40;
71
73
  border-color: @SC40;
72
74
  color: @ND0;
@@ -78,9 +80,10 @@
78
80
  border-color: @SC20;
79
81
  color: @ND0;
80
82
  }
83
+
81
84
  &:focus,
82
85
  &:active,
83
- &.@{ald-prefix}-btn-loading {
86
+ &.ant-btn-loading {
84
87
  background-color: @SC20;
85
88
  border-color: @SC20;
86
89
  color: @ND0;
@@ -112,7 +115,7 @@
112
115
  &:hover,
113
116
  &:focus,
114
117
  &:active,
115
- &.@{ald-prefix}-btn-loading {
118
+ &.ant-btn-loading {
116
119
  background-color: @NL97;
117
120
  border-color: @NL90;
118
121
  color: @NL30;
@@ -140,10 +143,11 @@
140
143
  box-shadow: none;
141
144
  border-radius: @border-radius-base;
142
145
  text-shadow: @text-shadow;
146
+
143
147
  &:hover,
144
148
  &:focus,
145
149
  &:active,
146
- &.@{ald-prefix}-btn-loading {
150
+ &.ant-btn-loading {
147
151
  background-color: @NL97;
148
152
  // border-color: @NL97;
149
153
  color: @NL30;
@@ -172,10 +176,11 @@
172
176
  box-shadow: none;
173
177
  border-radius: @border-radius-base;
174
178
  text-shadow: @text-shadow;
179
+
175
180
  &:hover,
176
181
  &:focus,
177
182
  &:active,
178
- &.@{ald-prefix}-btn-loading {
183
+ &.ant-btn-loading {
179
184
  background-color: @BG100;
180
185
  border-color: @BG100;
181
186
  color: @B20;
@@ -202,7 +207,8 @@
202
207
  vertical-align: bottom;
203
208
  height: @height-base;
204
209
  width: @height-base;
205
- &.@{ald-prefix}-btn-loading-icon {
210
+
211
+ &.ant-btn-loading-icon {
206
212
  vertical-align: baseline;
207
213
  }
208
214
  .@{ald-iconfont-css-prefix} {
@@ -225,12 +231,14 @@
225
231
  height: 32px;
226
232
  font-size: 14px;
227
233
  min-width: auto;
228
- &.@{ald-prefix}-btn-icon-only {
234
+
235
+ &.ant-btn-icon-only {
229
236
  height: 32px;
230
237
  width: 32px;
231
238
  min-width: auto;
232
239
  }
233
- &.@{ald-prefix}-btn-circle {
240
+
241
+ &.ant-btn-circle {
234
242
  width: 32px;
235
243
  height: 32px;
236
244
  border-radius: 50%;
@@ -240,12 +248,14 @@
240
248
  &-sm {
241
249
  height: 24px;
242
250
  border-radius: @border-radius-sm;
243
- &.@{ald-prefix}-btn-icon-only {
251
+
252
+ &.ant-btn-icon-only {
244
253
  height: 24px;
245
254
  width: 24px;
246
255
  border-radius: @border-radius-sm;
247
256
  }
248
- &.@{ald-prefix}-btn-circle {
257
+
258
+ &.ant-btn-circle {
249
259
  width: 32px;
250
260
  height: 32px;
251
261
  border-radius: 50%;
package/es/Empty/style/index.less CHANGED
@@ -2,7 +2,8 @@
2
2
 
3
3
  @ald-prefix:ant;
4
4
  @ald-iconfont-css-prefix:anticon;
5
- .@{ald-prefix}-empty {
5
+
6
+ .ant-empty {
6
7
  display: flex;
7
8
  align-items: center;
8
9
  justify-content: center;
package/es/Icon/index.js CHANGED
@@ -6,8 +6,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
6
6
 
7
7
  import React from 'react';
8
8
  import { createFromIconfontCN } from '@ant-design/icons'; // @ts-ignore iconfont.js 没有ts类型定义
9
+ // import iconfontJs from './iconfont/iconfont';
10
+
11
+ var iconfontJs = require('./iconfont/iconfont');
9
12
 
10
- import iconfontJs from './iconfont/iconfont';
11
13
  var IconFont = createFromIconfontCN({
12
14
  scriptUrl: iconfontJs
13
15
  });
package/es/Input/style/index.less CHANGED
@@ -4,7 +4,8 @@
4
4
  @ald-prefix:ant;
5
5
 
6
6
  @ald-iconfont-css-prefix:anticon;
7
- .@{ald-prefix}-input {
7
+
8
+ .ant-input {
8
9
  color: @NL0;
9
10
  border-radius: @border-radius-base;
10
11
 
@@ -48,7 +49,8 @@
48
49
  &:hover {
49
50
  box-shadow: unset;
50
51
  }
51
- .@{ald-prefix}-input {
52
+
53
+ .ant-input {
52
54
  border-radius: 0;
53
55
  caret-color: @B40;
54
56
  }
@@ -59,7 +61,7 @@
59
61
  }
60
62
  }
61
63
  .@{ald-iconfont-css-prefix} {
62
- &.@{ald-iconfont-css-prefix}-close-circle, &.@{ald-prefix}-clear-icon {
64
+ &.@{ald-iconfont-css-prefix}-close-circle, &.ant-clear-icon {
63
65
  .ald-iconfont('\e616');
64
66
  }
65
67
  }
package/es/Table/style/index.less CHANGED
@@ -3,11 +3,29 @@
3
3
  @ald-prefix:ant;
4
4
  @ald-iconfont-css-prefix:anticon;
5
5
  @table-row-height:40px;
6
- .@{ald-prefix}-block-table {
6
+
7
+ .ant-block-table {
7
8
  overflow: hidden;
8
9
 
10
+ &-cell {
11
+ padding: 0 12px;
12
+ height: @table-row-height;
13
+ line-height: @table-row-height;
14
+ border-bottom: 1px solid @NL95;
15
+ text-align: left;
16
+ color: @NL0;
17
+ overflow: hidden;
18
+ white-space: nowrap;
19
+ text-overflow: ellipsis;
20
+ flex-grow: 1;
21
+ }
22
+
23
+ &-row {
24
+ max-width: 100%;
25
+ }
26
+
9
27
  &-thead {
10
- .@{ald-prefix}-block-table-cell {
28
+ .ant-block-table-cell {
11
29
  position: relative;
12
30
  color: @NL50;
13
31
 
@@ -16,7 +34,7 @@
16
34
  }
17
35
  // border: 1px solid red;
18
36
 
19
- .@{ald-prefix}-block-table-bar {
37
+ .ant-block-table-bar {
20
38
  display: inline-block;
21
39
  background: blue;
22
40
  width: 1px;
@@ -31,7 +49,7 @@
31
49
  }
32
50
 
33
51
  &:last-child {
34
- .@{ald-prefix}-block-table-bar {
52
+ .ant-block-table-bar {
35
53
  display: none;
36
54
  }
37
55
  }
@@ -45,7 +63,8 @@
45
63
  overflow-y: scroll;
46
64
  overflow-y: overlay;
47
65
  }
48
- .@{ald-prefix}-block-table-row {
66
+
67
+ .ant-block-table-row {
49
68
  &:hover {
50
69
  background-color: @NL97;
51
70
  }
@@ -59,30 +78,13 @@
59
78
  }
60
79
 
61
80
  &:last-of-type {
62
- .@{ald-prefix}-block-table-cell {
81
+ .ant-block-table-cell {
63
82
  border-bottom: 1px solid transparent;
64
83
  }
65
84
  }
66
85
  }
67
86
  }
68
87
 
69
- &-row {
70
- max-width: 100%;
71
- }
72
-
73
- &-cell {
74
- padding: 0 12px;
75
- height: @table-row-height;
76
- line-height: @table-row-height;
77
- border-bottom: 1px solid @NL95;
78
- text-align: left;
79
- color: @NL0;
80
- overflow: hidden;
81
- white-space: nowrap;
82
- text-overflow: ellipsis;
83
- flex-grow: 1;
84
- }
85
-
86
88
  &-loading {
87
89
  text-align: center;
88
90
  line-height: @table-row-height;
@@ -122,20 +124,26 @@
122
124
 
123
125
  &-column-resizable {
124
126
  overflow: overlay;
125
- .@{ald-prefix}-block-table {
126
- &-cell {
127
- flex: none;
128
- }
129
127
 
130
- &-thead {
131
- &::-webkit-scrollbar {
132
- display: none;
128
+ .ant-block-table-thead,
129
+ .ant-block-table-tbody {
130
+ .ant-block-table-row {
131
+ .ant-block-table {
132
+ &-cell {
133
+ flex: none;
134
+ }
135
+
136
+ &-thead {
137
+ &::-webkit-scrollbar {
138
+ display: none;
139
+ }
140
+ }
141
+
142
+ &-tbody {
143
+ overflow: initial;
144
+ }
133
145
  }
134
146
  }
135
-
136
- &-tbody {
137
- overflow: initial;
138
- }
139
147
  }
140
148
  }
141
149
  }
package/es/style/themes/default/index.less CHANGED
@@ -1,6 +1,6 @@
1
1
  @import './themeColor.module.less';
2
2
  @font-family:sans-serif,-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol','Noto Color Emoji';
3
- @ald-prefix: 'ald';
3
+ @ald-prefix: ant;
4
4
 
5
5
 
6
6
  // height rules
package/lib/Button/style/index.less CHANGED
@@ -2,9 +2,9 @@
2
2
 
3
3
  @ald-prefix:ant;
4
4
  @ald-iconfont-css-prefix:anticon;
5
- .@{ald-prefix}-btn {
6
5
 
7
- &.@{ald-prefix}-btn {
6
+ .ant-btn {
7
+ &.ant-btn {
8
8
  // &-loading::before{
9
9
  // // display: none !important;
10
10
  // }
@@ -43,10 +43,11 @@
43
43
  box-shadow: none;
44
44
  border-radius: @border-radius-base;
45
45
  text-shadow: @text-shadow;
46
+
46
47
  &:hover,
47
48
  &:focus,
48
49
  &:active,
49
- &.@{ald-prefix}-btn-loading {
50
+ &.ant-btn-loading {
50
51
  background-color: @B20;
51
52
  border-color: @B20;
52
53
  color: @ND0;
@@ -66,7 +67,8 @@
66
67
  }
67
68
  }
68
69
  }
69
- &-dangerous.@{ald-prefix}-btn-primary {
70
+
71
+ &-dangerous.ant-btn-primary {
70
72
  background-color: @SC40;
71
73
  border-color: @SC40;
72
74
  color: @ND0;
@@ -78,9 +80,10 @@
78
80
  border-color: @SC20;
79
81
  color: @ND0;
80
82
  }
83
+
81
84
  &:focus,
82
85
  &:active,
83
- &.@{ald-prefix}-btn-loading {
86
+ &.ant-btn-loading {
84
87
  background-color: @SC20;
85
88
  border-color: @SC20;
86
89
  color: @ND0;
@@ -112,7 +115,7 @@
112
115
  &:hover,
113
116
  &:focus,
114
117
  &:active,
115
- &.@{ald-prefix}-btn-loading {
118
+ &.ant-btn-loading {
116
119
  background-color: @NL97;
117
120
  border-color: @NL90;
118
121
  color: @NL30;
@@ -140,10 +143,11 @@
140
143
  box-shadow: none;
141
144
  border-radius: @border-radius-base;
142
145
  text-shadow: @text-shadow;
146
+
143
147
  &:hover,
144
148
  &:focus,
145
149
  &:active,
146
- &.@{ald-prefix}-btn-loading {
150
+ &.ant-btn-loading {
147
151
  background-color: @NL97;
148
152
  // border-color: @NL97;
149
153
  color: @NL30;
@@ -172,10 +176,11 @@
172
176
  box-shadow: none;
173
177
  border-radius: @border-radius-base;
174
178
  text-shadow: @text-shadow;
179
+
175
180
  &:hover,
176
181
  &:focus,
177
182
  &:active,
178
- &.@{ald-prefix}-btn-loading {
183
+ &.ant-btn-loading {
179
184
  background-color: @BG100;
180
185
  border-color: @BG100;
181
186
  color: @B20;
@@ -202,7 +207,8 @@
202
207
  vertical-align: bottom;
203
208
  height: @height-base;
204
209
  width: @height-base;
205
- &.@{ald-prefix}-btn-loading-icon {
210
+
211
+ &.ant-btn-loading-icon {
206
212
  vertical-align: baseline;
207
213
  }
208
214
  .@{ald-iconfont-css-prefix} {
@@ -225,12 +231,14 @@
225
231
  height: 32px;
226
232
  font-size: 14px;
227
233
  min-width: auto;
228
- &.@{ald-prefix}-btn-icon-only {
234
+
235
+ &.ant-btn-icon-only {
229
236
  height: 32px;
230
237
  width: 32px;
231
238
  min-width: auto;
232
239
  }
233
- &.@{ald-prefix}-btn-circle {
240
+
241
+ &.ant-btn-circle {
234
242
  width: 32px;
235
243
  height: 32px;
236
244
  border-radius: 50%;
@@ -240,12 +248,14 @@
240
248
  &-sm {
241
249
  height: 24px;
242
250
  border-radius: @border-radius-sm;
243
- &.@{ald-prefix}-btn-icon-only {
251
+
252
+ &.ant-btn-icon-only {
244
253
  height: 24px;
245
254
  width: 24px;
246
255
  border-radius: @border-radius-sm;
247
256
  }
248
- &.@{ald-prefix}-btn-circle {
257
+
258
+ &.ant-btn-circle {
249
259
  width: 32px;
250
260
  height: 32px;
251
261
  border-radius: 50%;
package/lib/Empty/style/index.less CHANGED
@@ -2,7 +2,8 @@
2
2
 
3
3
  @ald-prefix:ant;
4
4
  @ald-iconfont-css-prefix:anticon;
5
- .@{ald-prefix}-empty {
5
+
6
+ .ant-empty {
6
7
  display: flex;
7
8
  align-items: center;
8
9
  justify-content: center;
package/lib/Icon/index.js CHANGED
@@ -9,8 +9,6 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  var _icons = require("@ant-design/icons");
11
11
 
12
- var _iconfont = _interopRequireDefault(require("./iconfont/iconfont"));
13
-
14
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
13
 
16
14
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -19,8 +17,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
19
17
 
20
18
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
21
19
 
20
+ // @ts-ignore iconfont.js 没有ts类型定义
21
+ // import iconfontJs from './iconfont/iconfont';
22
+ var iconfontJs = require('./iconfont/iconfont');
23
+
22
24
  var IconFont = (0, _icons.createFromIconfontCN)({
23
- scriptUrl: _iconfont.default
25
+ scriptUrl: iconfontJs
24
26
  });
25
27
  var DEFAULT_SIZE = 16;
26
28
 
package/lib/Input/style/index.less CHANGED
@@ -4,7 +4,8 @@
4
4
  @ald-prefix:ant;
5
5
 
6
6
  @ald-iconfont-css-prefix:anticon;
7
- .@{ald-prefix}-input {
7
+
8
+ .ant-input {
8
9
  color: @NL0;
9
10
  border-radius: @border-radius-base;
10
11
 
@@ -48,7 +49,8 @@
48
49
  &:hover {
49
50
  box-shadow: unset;
50
51
  }
51
- .@{ald-prefix}-input {
52
+
53
+ .ant-input {
52
54
  border-radius: 0;
53
55
  caret-color: @B40;
54
56
  }
@@ -59,7 +61,7 @@
59
61
  }
60
62
  }
61
63
  .@{ald-iconfont-css-prefix} {
62
- &.@{ald-iconfont-css-prefix}-close-circle, &.@{ald-prefix}-clear-icon {
64
+ &.@{ald-iconfont-css-prefix}-close-circle, &.ant-clear-icon {
63
65
  .ald-iconfont('\e616');
64
66
  }
65
67
  }
package/lib/Table/style/index.less CHANGED
@@ -3,11 +3,29 @@
3
3
  @ald-prefix:ant;
4
4
  @ald-iconfont-css-prefix:anticon;
5
5
  @table-row-height:40px;
6
- .@{ald-prefix}-block-table {
6
+
7
+ .ant-block-table {
7
8
  overflow: hidden;
8
9
 
10
+ &-cell {
11
+ padding: 0 12px;
12
+ height: @table-row-height;
13
+ line-height: @table-row-height;
14
+ border-bottom: 1px solid @NL95;
15
+ text-align: left;
16
+ color: @NL0;
17
+ overflow: hidden;
18
+ white-space: nowrap;
19
+ text-overflow: ellipsis;
20
+ flex-grow: 1;
21
+ }
22
+
23
+ &-row {
24
+ max-width: 100%;
25
+ }
26
+
9
27
  &-thead {
10
- .@{ald-prefix}-block-table-cell {
28
+ .ant-block-table-cell {
11
29
  position: relative;
12
30
  color: @NL50;
13
31
 
@@ -16,7 +34,7 @@
16
34
  }
17
35
  // border: 1px solid red;
18
36
 
19
- .@{ald-prefix}-block-table-bar {
37
+ .ant-block-table-bar {
20
38
  display: inline-block;
21
39
  background: blue;
22
40
  width: 1px;
@@ -31,7 +49,7 @@
31
49
  }
32
50
 
33
51
  &:last-child {
34
- .@{ald-prefix}-block-table-bar {
52
+ .ant-block-table-bar {
35
53
  display: none;
36
54
  }
37
55
  }
@@ -45,7 +63,8 @@
45
63
  overflow-y: scroll;
46
64
  overflow-y: overlay;
47
65
  }
48
- .@{ald-prefix}-block-table-row {
66
+
67
+ .ant-block-table-row {
49
68
  &:hover {
50
69
  background-color: @NL97;
51
70
  }
@@ -59,30 +78,13 @@
59
78
  }
60
79
 
61
80
  &:last-of-type {
62
- .@{ald-prefix}-block-table-cell {
81
+ .ant-block-table-cell {
63
82
  border-bottom: 1px solid transparent;
64
83
  }
65
84
  }
66
85
  }
67
86
  }
68
87
 
69
- &-row {
70
- max-width: 100%;
71
- }
72
-
73
- &-cell {
74
- padding: 0 12px;
75
- height: @table-row-height;
76
- line-height: @table-row-height;
77
- border-bottom: 1px solid @NL95;
78
- text-align: left;
79
- color: @NL0;
80
- overflow: hidden;
81
- white-space: nowrap;
82
- text-overflow: ellipsis;
83
- flex-grow: 1;
84
- }
85
-
86
88
  &-loading {
87
89
  text-align: center;
88
90
  line-height: @table-row-height;
@@ -122,20 +124,26 @@
122
124
 
123
125
  &-column-resizable {
124
126
  overflow: overlay;
125
- .@{ald-prefix}-block-table {
126
- &-cell {
127
- flex: none;
128
- }
129
127
 
130
- &-thead {
131
- &::-webkit-scrollbar {
132
- display: none;
128
+ .ant-block-table-thead,
129
+ .ant-block-table-tbody {
130
+ .ant-block-table-row {
131
+ .ant-block-table {
132
+ &-cell {
133
+ flex: none;
134
+ }
135
+
136
+ &-thead {
137
+ &::-webkit-scrollbar {
138
+ display: none;
139
+ }
140
+ }
141
+
142
+ &-tbody {
143
+ overflow: initial;
144
+ }
133
145
  }
134
146
  }
135
-
136
- &-tbody {
137
- overflow: initial;
138
- }
139
147
  }
140
148
  }
141
149
  }
package/lib/style/themes/default/index.less CHANGED
@@ -1,6 +1,6 @@
1
1
  @import './themeColor.module.less';
2
2
  @font-family:sans-serif,-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol','Noto Color Emoji';
3
- @ald-prefix: 'ald';
3
+ @ald-prefix: ant;
4
4
 
5
5
 
6
6
  // height rules
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aloudata/aloudata-design",
3
- "version": "0.2.0-beta.7",
3
+ "version": "0.2.0-beta.8",
4
4
  "scripts": {
5
5
  "start": "dumi dev",
6
6
  "docs:build": "dumi build",
@@ -25,6 +25,7 @@
25
25
  "./src/**/style/**"
26
26
  ],
27
27
  "module": "es/index.js",
28
+ "main": "lib/index.js",
28
29
  "typings": "es/index.d.ts",
29
30
  "husky": {
30
31
  "hooks": {
@@ -48,7 +49,6 @@
48
49
  ]
49
50
  },
50
51
  "dependencies": {
51
- "@aloudata/aloudata-design": "^0.2.0-beta.6",
52
52
  "@ant-design/icons": "^4.7.0",
53
53
  "antd": "^4.18.6",
54
54
  "classnames": "^2.3.1",