assui 2.0.114 → 2.0.117

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 (33) hide show
  1. package/es/label-auto-complete/style/index.css +1 -1
  2. package/es/label-auto-complete/style/index.less +1 -1
  3. package/es/label-date-picker/style/index.css +1 -1
  4. package/es/label-date-picker/style/index.less +1 -1
  5. package/es/label-input/style/index.css +1 -1
  6. package/es/label-input/style/index.less +1 -1
  7. package/es/label-range-picker/style/index.css +1 -1
  8. package/es/label-range-picker/style/index.less +1 -1
  9. package/es/label-select/index.js +2 -1
  10. package/es/label-select/style/index.css +4 -1
  11. package/es/label-select/style/index.less +7 -1
  12. package/es/label-text-area/style/index.css +1 -1
  13. package/es/label-text-area/style/index.less +2 -2
  14. package/es/label-tree-select/style/index.css +1 -1
  15. package/es/label-tree-select/style/index.less +1 -1
  16. package/es/style/themes/default.less +1 -0
  17. package/lib/label-auto-complete/style/index.css +1 -1
  18. package/lib/label-auto-complete/style/index.less +1 -1
  19. package/lib/label-date-picker/style/index.css +1 -1
  20. package/lib/label-date-picker/style/index.less +1 -1
  21. package/lib/label-input/style/index.css +1 -1
  22. package/lib/label-input/style/index.less +1 -1
  23. package/lib/label-range-picker/style/index.css +1 -1
  24. package/lib/label-range-picker/style/index.less +1 -1
  25. package/lib/label-select/index.js +3 -1
  26. package/lib/label-select/style/index.css +4 -1
  27. package/lib/label-select/style/index.less +7 -1
  28. package/lib/label-text-area/style/index.css +1 -1
  29. package/lib/label-text-area/style/index.less +2 -2
  30. package/lib/label-tree-select/style/index.css +1 -1
  31. package/lib/label-tree-select/style/index.less +1 -1
  32. package/lib/style/themes/default.less +1 -0
  33. package/package.json +3 -3
@@ -15,7 +15,7 @@
15
15
  outline: none;
16
16
  }
17
17
  .label-auto-complete .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
18
- border-color: #ff6b00;
18
+ border-color: #000;
19
19
  box-shadow: none;
20
20
  }
21
21
  .label-auto-complete .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
@@ -20,7 +20,7 @@
20
20
 
21
21
  .@{ant-prefix}-select-focused:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
22
22
  .@{ant-prefix}-select-selector {
23
- border-color: #ff6b00;
23
+ border-color: @labelFocusBorderColor;
24
24
  box-shadow: none;
25
25
  }
26
26
 
@@ -20,7 +20,7 @@
20
20
  padding-left: 3px;
21
21
  }
22
22
  .label-date-picker .ant-picker-focused {
23
- border-color: #ff6b00;
23
+ border-color: #000;
24
24
  box-shadow: none;
25
25
  }
26
26
  .label-date-picker .ant-picker-suffix .spotecicon {
@@ -23,7 +23,7 @@
23
23
  }
24
24
 
25
25
  &-focused {
26
- border-color: #ff6b00;
26
+ border-color: @labelFocusBorderColor;
27
27
  box-shadow: none;
28
28
  }
29
29
 
@@ -30,7 +30,7 @@
30
30
  align-items: center;
31
31
  }
32
32
  .label-input-focused {
33
- border-color: #ff6b00;
33
+ border-color: #000;
34
34
  }
35
35
  .label-input-prefix {
36
36
  flex-shrink: 0;
@@ -47,7 +47,7 @@
47
47
  }
48
48
 
49
49
  &-focused {
50
- border-color: @primary-color;
50
+ border-color: @labelFocusBorderColor;
51
51
  }
52
52
 
53
53
  &-prefix {
@@ -21,7 +21,7 @@
21
21
  padding-left: 3px;
22
22
  }
23
23
  .label-range-picker .ant-picker-focused {
24
- border-color: #ff6b00;
24
+ border-color: #000;
25
25
  box-shadow: none;
26
26
  }
27
27
  .label-range-picker .ant-picker-range-separator {
@@ -24,7 +24,7 @@
24
24
  }
25
25
 
26
26
  &-focused {
27
- border-color: #ff6b00;
27
+ border-color: @labelFocusBorderColor;
28
28
  box-shadow: none;
29
29
  }
30
30
 
@@ -44,6 +44,7 @@ var __read = this && this.__read || function (o, n) {
44
44
  import React from 'react';
45
45
  import useControllableValue from 'ahooks/lib/useControllableValue';
46
46
  import Select from 'antd/es/select';
47
+ import { isUndefined } from 'lodash';
47
48
  import classNames from 'classnames';
48
49
  import ArrowDropDownFilled from 'a-icons/lib/ArrowDropDownFilled';
49
50
  import omit from 'lodash/omit';
@@ -87,7 +88,7 @@ var LabelSelect = function LabelSelect(props) {
87
88
  return /*#__PURE__*/React.createElement("div", {
88
89
  className: classNames({
89
90
  'label-select': true,
90
- 'label-select-label-scale': open || value
91
+ 'label-select-label-scale': open || !isUndefined(value)
91
92
  }, className)
92
93
  }, /*#__PURE__*/React.createElement(Select, __assign({}, omit(props, ['open', 'onChange', 'className', 'label']), {
93
94
  open: open,
@@ -8,6 +8,9 @@
8
8
  width: 100%;
9
9
  height: 100%;
10
10
  }
11
+ .label-select .ant-select-allow-clear .ant-select-clear {
12
+ right: 16px;
13
+ }
11
14
  .label-select .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
12
15
  height: 45px;
13
16
  border: 1px solid #e5e5e5;
@@ -15,7 +18,7 @@
15
18
  outline: none;
16
19
  }
17
20
  .label-select .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
18
- border-color: #ff6b00;
21
+ border-color: #000;
19
22
  box-shadow: none;
20
23
  }
21
24
  .label-select .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
@@ -10,6 +10,12 @@
10
10
  width: 100%;
11
11
  height: 100%;
12
12
 
13
+ .@{ant-prefix}-select-allow-clear {
14
+ .@{ant-prefix}-select-clear {
15
+ right: 16px;
16
+ }
17
+ }
18
+
13
19
  .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input)
14
20
  .@{ant-prefix}-select-selector {
15
21
  height: 45px;
@@ -20,7 +26,7 @@
20
26
 
21
27
  .@{ant-prefix}-select-focused:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
22
28
  .@{ant-prefix}-select-selector {
23
- border-color: #ff6b00;
29
+ border-color: @labelFocusBorderColor;
24
30
  box-shadow: none;
25
31
  }
26
32
 
@@ -40,5 +40,5 @@
40
40
  transition: all 0.2s ease-out;
41
41
  }
42
42
  .textarea-warper-focused {
43
- border-color: #ff6b00;
43
+ border-color: #000;
44
44
  }
@@ -1,4 +1,4 @@
1
- @primary-color: #ff6b00;
1
+ @import '../../style/themes/default.less';
2
2
  @color_dfe2e7: #dfe2e7;
3
3
  @color_9aa5b5: #9aa5b5;
4
4
  @color_b3b3b3: #b3b3b3;
@@ -55,5 +55,5 @@
55
55
  }
56
56
 
57
57
  .textarea-warper-focused {
58
- border-color: @primary-color;
58
+ border-color: @labelFocusBorderColor;
59
59
  }
@@ -18,7 +18,7 @@
18
18
  display: none;
19
19
  }
20
20
  .label-tree-select .ant-select-open:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
21
- border-color: #ff6b00;
21
+ border-color: #000;
22
22
  box-shadow: none;
23
23
  }
24
24
  .label-tree-select-text {
@@ -23,7 +23,7 @@
23
23
 
24
24
  .@{ant-prefix}-select-open:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
25
25
  .@{ant-prefix}-select-selector {
26
- border-color: #ff6b00;
26
+ border-color: @labelFocusBorderColor;
27
27
  box-shadow: none;
28
28
  }
29
29
 
@@ -1,3 +1,4 @@
1
1
  @labelTextLabelScale: 0.8;
2
2
  @labelTextLabeltranslateY: -8px;
3
3
  @pickerInputTop: 9px;
4
+ @labelFocusBorderColor: #000;
@@ -15,7 +15,7 @@
15
15
  outline: none;
16
16
  }
17
17
  .label-auto-complete .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
18
- border-color: #ff6b00;
18
+ border-color: #000;
19
19
  box-shadow: none;
20
20
  }
21
21
  .label-auto-complete .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
@@ -20,7 +20,7 @@
20
20
 
21
21
  .@{ant-prefix}-select-focused:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
22
22
  .@{ant-prefix}-select-selector {
23
- border-color: #ff6b00;
23
+ border-color: @labelFocusBorderColor;
24
24
  box-shadow: none;
25
25
  }
26
26
 
@@ -20,7 +20,7 @@
20
20
  padding-left: 3px;
21
21
  }
22
22
  .label-date-picker .ant-picker-focused {
23
- border-color: #ff6b00;
23
+ border-color: #000;
24
24
  box-shadow: none;
25
25
  }
26
26
  .label-date-picker .ant-picker-suffix .spotecicon {
@@ -23,7 +23,7 @@
23
23
  }
24
24
 
25
25
  &-focused {
26
- border-color: #ff6b00;
26
+ border-color: @labelFocusBorderColor;
27
27
  box-shadow: none;
28
28
  }
29
29
 
@@ -30,7 +30,7 @@
30
30
  align-items: center;
31
31
  }
32
32
  .label-input-focused {
33
- border-color: #ff6b00;
33
+ border-color: #000;
34
34
  }
35
35
  .label-input-prefix {
36
36
  flex-shrink: 0;
@@ -47,7 +47,7 @@
47
47
  }
48
48
 
49
49
  &-focused {
50
- border-color: @primary-color;
50
+ border-color: @labelFocusBorderColor;
51
51
  }
52
52
 
53
53
  &-prefix {
@@ -21,7 +21,7 @@
21
21
  padding-left: 3px;
22
22
  }
23
23
  .label-range-picker .ant-picker-focused {
24
- border-color: #ff6b00;
24
+ border-color: #000;
25
25
  box-shadow: none;
26
26
  }
27
27
  .label-range-picker .ant-picker-range-separator {
@@ -24,7 +24,7 @@
24
24
  }
25
25
 
26
26
  &-focused {
27
- border-color: #ff6b00;
27
+ border-color: @labelFocusBorderColor;
28
28
  box-shadow: none;
29
29
  }
30
30
 
@@ -60,6 +60,8 @@ var useControllableValue_1 = __importDefault(require("ahooks/lib/useControllable
60
60
 
61
61
  var select_1 = __importDefault(require("antd/es/select"));
62
62
 
63
+ var lodash_1 = require("lodash");
64
+
63
65
  var classnames_1 = __importDefault(require("classnames"));
64
66
 
65
67
  var ArrowDropDownFilled_1 = __importDefault(require("a-icons/lib/ArrowDropDownFilled"));
@@ -106,7 +108,7 @@ var LabelSelect = function LabelSelect(props) {
106
108
  return react_1["default"].createElement("div", {
107
109
  className: classnames_1["default"]({
108
110
  'label-select': true,
109
- 'label-select-label-scale': open || value
111
+ 'label-select-label-scale': open || !lodash_1.isUndefined(value)
110
112
  }, className)
111
113
  }, react_1["default"].createElement(select_1["default"], __assign({}, omit_1["default"](props, ['open', 'onChange', 'className', 'label']), {
112
114
  open: open,
@@ -8,6 +8,9 @@
8
8
  width: 100%;
9
9
  height: 100%;
10
10
  }
11
+ .label-select .ant-select-allow-clear .ant-select-clear {
12
+ right: 16px;
13
+ }
11
14
  .label-select .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
12
15
  height: 45px;
13
16
  border: 1px solid #e5e5e5;
@@ -15,7 +18,7 @@
15
18
  outline: none;
16
19
  }
17
20
  .label-select .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
18
- border-color: #ff6b00;
21
+ border-color: #000;
19
22
  box-shadow: none;
20
23
  }
21
24
  .label-select .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
@@ -10,6 +10,12 @@
10
10
  width: 100%;
11
11
  height: 100%;
12
12
 
13
+ .@{ant-prefix}-select-allow-clear {
14
+ .@{ant-prefix}-select-clear {
15
+ right: 16px;
16
+ }
17
+ }
18
+
13
19
  .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input)
14
20
  .@{ant-prefix}-select-selector {
15
21
  height: 45px;
@@ -20,7 +26,7 @@
20
26
 
21
27
  .@{ant-prefix}-select-focused:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
22
28
  .@{ant-prefix}-select-selector {
23
- border-color: #ff6b00;
29
+ border-color: @labelFocusBorderColor;
24
30
  box-shadow: none;
25
31
  }
26
32
 
@@ -40,5 +40,5 @@
40
40
  transition: all 0.2s ease-out;
41
41
  }
42
42
  .textarea-warper-focused {
43
- border-color: #ff6b00;
43
+ border-color: #000;
44
44
  }
@@ -1,4 +1,4 @@
1
- @primary-color: #ff6b00;
1
+ @import '../../style/themes/default.less';
2
2
  @color_dfe2e7: #dfe2e7;
3
3
  @color_9aa5b5: #9aa5b5;
4
4
  @color_b3b3b3: #b3b3b3;
@@ -55,5 +55,5 @@
55
55
  }
56
56
 
57
57
  .textarea-warper-focused {
58
- border-color: @primary-color;
58
+ border-color: @labelFocusBorderColor;
59
59
  }
@@ -18,7 +18,7 @@
18
18
  display: none;
19
19
  }
20
20
  .label-tree-select .ant-select-open:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
21
- border-color: #ff6b00;
21
+ border-color: #000;
22
22
  box-shadow: none;
23
23
  }
24
24
  .label-tree-select-text {
@@ -23,7 +23,7 @@
23
23
 
24
24
  .@{ant-prefix}-select-open:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
25
25
  .@{ant-prefix}-select-selector {
26
- border-color: #ff6b00;
26
+ border-color: @labelFocusBorderColor;
27
27
  box-shadow: none;
28
28
  }
29
29
 
@@ -1,3 +1,4 @@
1
1
  @labelTextLabelScale: 0.8;
2
2
  @labelTextLabeltranslateY: -8px;
3
3
  @pickerInputTop: 9px;
4
+ @labelFocusBorderColor: #000;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "assui",
3
- "version": "2.0.114",
3
+ "version": "2.0.117",
4
4
  "description": "react ui library",
5
5
  "author": "jason <usochen@gmail.com>",
6
6
  "main": "./lib/index.js",
@@ -33,7 +33,7 @@
33
33
  "@ahooksjs/use-url-state": "^2.5.8",
34
34
  "@tinymce/tinymce-react": "^3.13.0",
35
35
  "@types/react-beautiful-dnd": "^13.1.2",
36
- "a-icons": "^1.0.54",
36
+ "a-icons": "^1.0.55",
37
37
  "ahooks": "^3.0.8",
38
38
  "bignumber.js": "^9.0.1",
39
39
  "copy-to-clipboard": "^3.3.1",
@@ -69,5 +69,5 @@
69
69
  "node": ">=10.0.0"
70
70
  },
71
71
  "license": "MIT",
72
- "gitHead": "e35a202aa66ca94b6a6123ecbba4d22182159fa7"
72
+ "gitHead": "c9e3f6e3dee3f6805321ce3aace2f8c517b2d1ee"
73
73
  }