@aloudata/aloudata-design 1.1.1 → 1.1.3

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 (7) hide show
  1. package/dist/Button/style/index.less +9 -0
  2. package/dist/Button/style/variables.less +3 -0
  3. package/dist/Select/style/index.less +2 -0
  4. package/dist/Select/style/size.less +58 -49
  5. package/dist/Tree/demo/basic/index.js +2 -6
  6. package/dist/notification/demo/index.js +3 -8
  7. package/package.json +1 -1
package/dist/Button/style/index.less CHANGED
@@ -267,6 +267,9 @@
267
267
  // .aldicon-icon-left + span {
268
268
  // margin-left: @button-left-icon-margin-right-large;
269
269
  // }
270
+ &:not(.ant-btn-circle):not(.ant-btn-icon-only):not(.ald-btn-link) {
271
+ min-width: @button-text-min-width-large;
272
+ }
270
273
  }
271
274
 
272
275
  &-middle {
@@ -298,6 +301,9 @@
298
301
  // .aldicon-icon-left + span {
299
302
  // margin-left: @button-left-icon-margin-right-middle;
300
303
  // }
304
+ &:not(.ant-btn-circle):not(.ant-btn-icon-only):not(.ald-btn-link) {
305
+ min-width: @button-text-min-width-middle;
306
+ }
301
307
  }
302
308
 
303
309
  &-small {
@@ -329,6 +335,9 @@
329
335
  // .aldicon-icon-left + span {
330
336
  // margin-left: @button-left-icon-margin-right-small;
331
337
  // }
338
+ &:not(.ant-btn-circle):not(.ant-btn-icon-only):not(.ald-btn-link) {
339
+ min-width: @button-text-min-width-small;
340
+ }
332
341
  }
333
342
 
334
343
  // &-mini {
package/dist/Button/style/variables.less CHANGED
@@ -9,18 +9,21 @@
9
9
  @button-border-radius-large: 4px;
10
10
  @button-border-padding-large: 5px 15px;
11
11
  @button-left-icon-margin-right-large: 8px;
12
+ @button-text-min-width-large: 96px;
12
13
 
13
14
  @button-height-middle: 32px;
14
15
  @button-text-size-middle: 13px;
15
16
  @button-border-radius-middle: 2px;
16
17
  @button-border-padding-middle: 5px 11px;
17
18
  @button-left-icon-margin-right-middle: 4px;
19
+ @button-text-min-width-middle: 76px;
18
20
 
19
21
  @button-height-small: 28px;
20
22
  @button-text-size-small: 12px;
21
23
  @button-border-radius-small: 2px;
22
24
  @button-border-padding-small: 5px 7px;
23
25
  @button-left-icon-margin-right-small: 4px;
26
+ @button-text-min-width-small: 64px;
24
27
 
25
28
  // @button-height-mini: 24px;
26
29
  // @button-text-size-mini: 12px;
package/dist/Select/style/index.less CHANGED
@@ -97,6 +97,8 @@
97
97
 
98
98
  .ald-select-multiple-tag-default {
99
99
  color: inherit;
100
+ display: inline-flex;
101
+ align-items: center;
100
102
 
101
103
  &::before {
102
104
  content: '，';
package/dist/Select/style/size.less CHANGED
@@ -1,159 +1,168 @@
1
-
2
- .ald-select.ald-select{
3
- &.ald-select-small{
1
+ .ald-select.ald-select {
2
+ &.ald-select-small {
4
3
  height: @select-height-small;
5
4
  font-size: @select-font-size-small;
6
5
  // line-height: @select-line-height-small;
7
6
  border-radius: @select-border-radius-small;
8
7
 
9
- .ald-select-prefix{
8
+ .ald-select-prefix {
10
9
  margin-left: @select-padding-left-small;
11
10
  }
12
11
 
13
- .ant-select .ant-select-selector{
12
+ .ant-select .ant-select-selector {
14
13
  height: @selector-height-small;
15
- padding-left:calc(@select-padding-left-small + var(--ald-select-prefix-width));
14
+ padding-left: calc(
15
+ @select-padding-left-small + var(--ald-select-prefix-width)
16
+ );
16
17
 
17
- .ant-select-selection-item{
18
+ .ant-select-selection-item {
18
19
  line-height: @selector-height-small;
19
20
  font-size: @select-font-size-small;
21
+ height: 100%;
20
22
  }
21
23
 
22
- .ald-select-multiple-tag-default{
24
+ .ald-select-multiple-tag-default {
23
25
  font-size: @select-font-size-small;
24
- line-height: @selector-height-small;
26
+ line-height: @selector-height-small;
25
27
  }
26
28
 
27
- .ant-select-selection-search .ant-select-selection-search-input{
29
+ .ant-select-selection-search .ant-select-selection-search-input {
28
30
  height: @selector-height-small;
29
31
  }
30
32
 
31
- .ant-select-selection-placeholder{
33
+ .ant-select-selection-placeholder {
32
34
  line-height: @selector-height-small;
33
35
  font-size: @select-font-size-small;
34
- left:calc(@select-padding-left-small + var(--ald-select-prefix-width));
35
- }
36
+ left: calc(@select-padding-left-small + var(--ald-select-prefix-width));
37
+ }
36
38
 
37
- .ant-select-selection-overflow{
39
+ .ant-select-selection-overflow {
38
40
  margin-left: @selector-item-margin-left-small;
39
41
  }
40
42
  }
41
43
 
42
- .ald-select-prefix-select{
43
- .ant-select-selection-item{
44
+ .ald-select-prefix-select {
45
+ .ant-select-selection-item {
44
46
  margin-left: @selector-item-margin-left-small;
45
47
  }
46
48
 
47
- .ant-select-selection-placeholder{
49
+ .ant-select-selection-placeholder {
48
50
  margin-left: @selector-item-margin-left-small;
49
51
  }
50
52
  }
51
53
  }
52
-
53
- &.ald-select-middle{
54
+
55
+ &.ald-select-middle {
54
56
  height: @select-height-middle;
55
57
  font-size: @select-font-size-middle;
56
58
  // line-height: @select-line-height-middle;
57
59
  border-radius: @select-border-radius-middle;
58
60
 
59
- .ald-select-prefix{
61
+ .ald-select-prefix {
60
62
  margin-left: @select-padding-left-middle;
61
63
  }
62
64
 
63
- .ant-select .ant-select-selector{
65
+ .ant-select .ant-select-selector {
64
66
  height: @selector-height-middle;
65
- padding-left:calc(@select-padding-left-middle + var(--ald-select-prefix-width));
67
+ padding-left: calc(
68
+ @select-padding-left-middle + var(--ald-select-prefix-width)
69
+ );
66
70
 
67
- .ant-select-selection-item{
71
+ .ant-select-selection-item {
68
72
  line-height: @selector-height-middle;
69
73
  font-size: @select-font-size-middle;
74
+ height: 100%;
70
75
  }
71
76
 
72
- .ald-select-multiple-tag-default{
77
+ .ald-select-multiple-tag-default {
73
78
  font-size: @select-font-size-middle;
74
79
  line-height: @selector-height-middle;
75
80
  }
76
81
 
77
- .ant-select-selection-search .ant-select-selection-search-input{
82
+ .ant-select-selection-search .ant-select-selection-search-input {
78
83
  height: @selector-height-middle;
79
84
  }
80
85
 
81
- .ant-select-selection-placeholder{
86
+ .ant-select-selection-placeholder {
82
87
  line-height: @selector-height-middle;
83
88
  font-size: @select-font-size-middle;
84
- left:calc(@select-padding-left-middle + var(--ald-select-prefix-width));
89
+ left: calc(
90
+ @select-padding-left-middle + var(--ald-select-prefix-width)
91
+ );
85
92
  }
86
93
 
87
- .ant-select-selection-overflow{
94
+ .ant-select-selection-overflow {
88
95
  margin-left: @selector-item-margin-left-middle;
89
96
  }
90
97
  }
91
98
 
92
- .ald-select-prefix-select{
93
- .ant-select-selection-item{
99
+ .ald-select-prefix-select {
100
+ .ant-select-selection-item {
94
101
  margin-left: @selector-item-margin-left-middle;
95
102
  }
96
103
 
97
- .ant-select-selection-placeholder{
104
+ .ant-select-selection-placeholder {
98
105
  margin-left: @selector-item-margin-left-middle;
99
106
  }
100
107
  }
101
108
  }
102
-
103
- &.ald-select-large{
109
+
110
+ &.ald-select-large {
104
111
  height: @select-height-large;
105
112
  font-size: @select-font-size-large;
106
113
  // line-height: @select-line-height-large;
107
114
  border-radius: @select-border-radius-large;
108
-
109
- .ald-select-prefix{
115
+
116
+ .ald-select-prefix {
110
117
  margin-left: @select-padding-left-large;
111
118
  }
112
119
 
113
- .ant-select .ant-select-selector{
120
+ .ant-select .ant-select-selector {
114
121
  height: @selector-height-large;
115
- padding-left:calc(@select-padding-left-large + var(--ald-select-prefix-width));
122
+ padding-left: calc(
123
+ @select-padding-left-large + var(--ald-select-prefix-width)
124
+ );
116
125
 
117
- .ant-select-selection-item{
126
+ .ant-select-selection-item {
118
127
  line-height: @selector-height-large;
119
128
  font-size: @select-font-size-large;
129
+ height: 100%;
120
130
  }
121
131
 
122
- .ald-select-multiple-tag-default{
132
+ .ald-select-multiple-tag-default {
123
133
  font-size: @select-font-size-large;
124
134
  line-height: @selector-height-large;
125
135
  }
126
136
 
127
- .ant-select-selection-search .ant-select-selection-search-input{
137
+ .ant-select-selection-search .ant-select-selection-search-input {
128
138
  height: @selector-height-large;
129
139
  }
130
140
 
131
- .ant-select-selection-placeholder{
141
+ .ant-select-selection-placeholder {
132
142
  line-height: @selector-height-large;
133
143
  font-size: @select-font-size-large;
134
144
  left: calc(@select-padding-left-large + var(--ald-select-prefix-width));
135
145
  }
136
146
 
137
- .ant-select-selection-overflow{
147
+ .ant-select-selection-overflow {
138
148
  margin-left: @selector-item-margin-left-large;
139
149
 
140
- .ant-select-selection-overflow-item-rest{
141
- .ant-select-selection-item{
150
+ .ant-select-selection-overflow-item-rest {
151
+ .ant-select-selection-item {
142
152
  padding-inline-start: 0;
143
153
  }
144
-
145
154
  }
146
155
  }
147
156
  }
148
157
  }
149
158
 
150
- .ald-select-prefix-select{
151
- .ant-select-selection-item{
159
+ .ald-select-prefix-select {
160
+ .ant-select-selection-item {
152
161
  margin-left: @selector-item-margin-left-large;
153
162
  }
154
163
 
155
- .ant-select-selection-placeholder{
164
+ .ant-select-selection-placeholder {
156
165
  margin-left: @selector-item-margin-left-large;
157
166
  }
158
167
  }
159
- }
168
+ }
package/dist/Tree/demo/basic/index.js CHANGED
@@ -1,11 +1,7 @@
1
- import { Tree } from "../../..";
2
- import { legacyLogicalPropertiesTransformer, StyleProvider } from '@ant-design/cssinjs';
1
+ import { App, Tree } from "../../..";
3
2
  import React from 'react';
4
3
  export default (function () {
5
- return /*#__PURE__*/React.createElement(StyleProvider, {
6
- hashPriority: "high",
7
- transformers: [legacyLogicalPropertiesTransformer]
8
- }, /*#__PURE__*/React.createElement(Tree, {
4
+ return /*#__PURE__*/React.createElement(App, null, /*#__PURE__*/React.createElement(Tree, {
9
5
  treeData: [{
10
6
  title: 'parent 1',
11
7
  key: '0-0',
package/dist/notification/demo/index.js CHANGED
@@ -1,6 +1,4 @@
1
- import { Button, notification, Space } from "../..";
2
- import { legacyLogicalPropertiesTransformer, StyleProvider } from '@ant-design/cssinjs';
3
- import { App } from 'antd';
1
+ import { App, Button, notification, Space } from "../..";
4
2
  import React from 'react';
5
3
  export default (function () {
6
4
  var notices = function notices(type) {
@@ -14,10 +12,7 @@ export default (function () {
14
12
  });
15
13
  };
16
14
 
17
- return /*#__PURE__*/React.createElement(StyleProvider, {
18
- hashPriority: "high",
19
- transformers: [legacyLogicalPropertiesTransformer]
20
- }, /*#__PURE__*/React.createElement(App, null, /*#__PURE__*/React.createElement(Space, {
15
+ return /*#__PURE__*/React.createElement(App, null, /*#__PURE__*/React.createElement(Space, {
21
16
  direction: "vertical"
22
17
  }, /*#__PURE__*/React.createElement(Button, {
23
18
  onClick: function onClick() {
@@ -35,5 +30,5 @@ export default (function () {
35
30
  onClick: function onClick() {
36
31
  return notices('info');
37
32
  }
38
- }, "Notification info with message\u3001description"))));
33
+ }, "Notification info with message\u3001description")));
39
34
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aloudata/aloudata-design",
3
- "version": "1.1.1",
3
+ "version": "1.1.3",
4
4
  "description": "",
5
5
  "license": "MIT",
6
6
  "module": "dist/index.js",