@aloudata/aloudata-design 0.3.0 → 0.3.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 (214) hide show
  1. package/README.md +15 -5
  2. package/es/Breadcrumb/index.d.ts +0 -1
  3. package/es/Button/index.js +3 -2
  4. package/es/Button/style/index.less +135 -126
  5. package/es/Button/style/variables.less +53 -53
  6. package/es/Card/index.d.ts +3 -0
  7. package/es/Card/index.js +3 -0
  8. package/es/{Message → Card}/style/index.d.ts +0 -0
  9. package/es/{Message → Card}/style/index.js +0 -0
  10. package/es/{Message → Card}/style/index.less +0 -0
  11. package/es/Checkbox/index.d.ts +0 -1
  12. package/es/Drawer/index.d.ts +4 -0
  13. package/es/Drawer/index.js +3 -0
  14. package/es/{Notification → Drawer}/style/index.d.ts +0 -0
  15. package/es/{Notification → Drawer}/style/index.js +0 -0
  16. package/es/{Notification → Drawer}/style/index.less +0 -0
  17. package/es/Dropdown/Button.js +4 -3
  18. package/es/Empty/image/Authority.d.ts +0 -1
  19. package/es/Empty/image/Dataspace.d.ts +0 -1
  20. package/es/Empty/image/Search.d.ts +0 -1
  21. package/es/Empty/image/Simple.d.ts +0 -1
  22. package/es/Empty/image/Worksheet.d.ts +0 -1
  23. package/es/Empty/image/empty.d.ts +0 -1
  24. package/es/Icon/icons/CheckLine.d.ts +13 -0
  25. package/es/Icon/icons/CheckLine.js +73 -0
  26. package/es/Icon/icons.json +410 -0
  27. package/es/Input/components/Group/index.d.ts +2 -2
  28. package/es/Input/components/Group/index.js +6 -12
  29. package/es/Input/components/Input/index.d.ts +3 -2
  30. package/es/Input/components/Input/index.js +11 -22
  31. package/es/Input/components/Password/index.js +11 -16
  32. package/es/Input/style/index.less +102 -102
  33. package/es/InputNumber/index.d.ts +0 -1
  34. package/es/InputNumber/style/index.less +69 -69
  35. package/es/Menu/Divider.d.ts +0 -1
  36. package/es/Modal/index.js +20 -16
  37. package/es/Modal/locale.d.ts +7 -0
  38. package/es/Modal/locale.js +20 -0
  39. package/es/Modal/style/index.less +45 -45
  40. package/es/Navigator/components/Header/index.d.ts +0 -1
  41. package/es/Navigator/components/Menu/index.d.ts +0 -1
  42. package/es/Navigator/components/MenuItem/index.d.ts +1 -1
  43. package/es/Navigator/index.d.ts +1 -1
  44. package/es/PageHeader/index.d.ts +3 -0
  45. package/es/PageHeader/index.js +3 -0
  46. package/{lib/Message → es/PageHeader}/style/index.d.ts +0 -0
  47. package/es/PageHeader/style/index.js +2 -0
  48. package/{lib/Message → es/PageHeader}/style/index.less +0 -0
  49. package/es/Popover/index.d.ts +0 -1
  50. package/es/Select/rc-select/OptionList.js +4 -4
  51. package/es/Select/rc-select/Selector/MultipleSelector.js +11 -1
  52. package/es/Select/rc-select/hooks/useOptions.d.ts +1 -1
  53. package/es/Select/style/index.less +69 -45
  54. package/es/Select/style/variables.less +45 -45
  55. package/es/Select/utils/iconUtil.d.ts +2 -2
  56. package/es/Select/utils/iconUtil.js +9 -5
  57. package/es/Steps/components/ProcessIcon/index.d.ts +5 -0
  58. package/es/Steps/components/ProcessIcon/index.js +8 -0
  59. package/es/Steps/components/Step/index.d.ts +20 -0
  60. package/es/Steps/components/Step/index.js +45 -0
  61. package/es/Steps/index.d.ts +36 -2
  62. package/es/Steps/index.js +30 -1
  63. package/es/Steps/matchMedia.mock.d.ts +1 -0
  64. package/es/Steps/matchMedia.mock.js +17 -0
  65. package/es/Steps/style/index.less +251 -0
  66. package/es/Switch/index.d.ts +46 -2
  67. package/es/Switch/index.js +71 -1
  68. package/es/Switch/style/index.less +129 -0
  69. package/es/Table/Table.js +3 -3
  70. package/es/Table/style/index.less +1 -1
  71. package/es/Tabs/index.js +7 -9
  72. package/es/Tabs/style/index.less +57 -25
  73. package/es/index.d.ts +13 -7
  74. package/es/index.js +6 -3
  75. package/es/locale/default.d.ts +2 -0
  76. package/es/locale/default.js +2 -0
  77. package/es/locale/en_US.d.ts +3 -0
  78. package/es/locale/en_US.js +132 -0
  79. package/es/locale/zh_CN.d.ts +3 -2
  80. package/es/locale/zh_CN.js +131 -2
  81. package/es/locale-provider/LocaleReceiver.d.ts +4 -0
  82. package/es/locale-provider/LocaleReceiver.js +3 -0
  83. package/es/locale-provider/context.d.ts +7 -0
  84. package/es/locale-provider/context.js +3 -0
  85. package/es/locale-provider/default.d.ts +2 -0
  86. package/es/locale-provider/default.js +2 -0
  87. package/es/locale-provider/en_US.d.ts +2 -0
  88. package/es/locale-provider/en_US.js +2 -0
  89. package/es/locale-provider/index.d.ts +61 -0
  90. package/es/locale-provider/index.js +102 -0
  91. package/es/locale-provider/style/index.d.ts +1 -0
  92. package/es/locale-provider/style/index.js +1 -0
  93. package/es/locale-provider/style/index.less +2 -0
  94. package/es/locale-provider/zh_CN.d.ts +2 -0
  95. package/es/locale-provider/zh_CN.js +2 -0
  96. package/es/{Message → message}/index.d.ts +0 -0
  97. package/es/{Message → message}/index.js +0 -0
  98. package/{lib/Notification → es/message}/style/index.d.ts +0 -0
  99. package/es/message/style/index.js +2 -0
  100. package/{lib/Notification → es/message}/style/index.less +0 -0
  101. package/es/{Notification → notification}/index.d.ts +0 -0
  102. package/es/{Notification → notification}/index.js +0 -0
  103. package/es/notification/style/index.d.ts +2 -0
  104. package/es/notification/style/index.js +2 -0
  105. package/es/notification/style/index.less +1 -0
  106. package/es/style/index.less +1 -1
  107. package/es/style/themes/default/index.less +30 -30
  108. package/lib/Breadcrumb/index.d.ts +0 -1
  109. package/lib/Button/index.js +5 -3
  110. package/lib/Button/style/index.less +135 -126
  111. package/lib/Button/style/variables.less +53 -53
  112. package/lib/Card/index.d.ts +3 -0
  113. package/lib/Card/index.js +15 -0
  114. package/lib/Card/style/index.d.ts +2 -0
  115. package/lib/{Message → Card}/style/index.js +0 -0
  116. package/lib/Card/style/index.less +1 -0
  117. package/lib/Checkbox/index.d.ts +0 -1
  118. package/lib/Drawer/index.d.ts +4 -0
  119. package/lib/Drawer/index.js +15 -0
  120. package/lib/Drawer/style/index.d.ts +2 -0
  121. package/lib/{Notification → Drawer}/style/index.js +0 -0
  122. package/lib/Drawer/style/index.less +1 -0
  123. package/lib/Dropdown/Button.js +8 -6
  124. package/lib/Empty/image/Authority.d.ts +0 -1
  125. package/lib/Empty/image/Dataspace.d.ts +0 -1
  126. package/lib/Empty/image/Search.d.ts +0 -1
  127. package/lib/Empty/image/Simple.d.ts +0 -1
  128. package/lib/Empty/image/Worksheet.d.ts +0 -1
  129. package/lib/Empty/image/empty.d.ts +0 -1
  130. package/lib/Icon/icons/CheckLine.d.ts +13 -0
  131. package/lib/Icon/icons/CheckLine.js +90 -0
  132. package/lib/Icon/icons.json +410 -0
  133. package/lib/Input/components/Group/index.d.ts +2 -2
  134. package/lib/Input/components/Group/index.js +7 -12
  135. package/lib/Input/components/Input/index.d.ts +3 -2
  136. package/lib/Input/components/Input/index.js +13 -22
  137. package/lib/Input/components/Password/index.js +13 -17
  138. package/lib/Input/style/index.less +102 -102
  139. package/lib/InputNumber/index.d.ts +0 -1
  140. package/lib/InputNumber/style/index.less +69 -69
  141. package/lib/Menu/Divider.d.ts +0 -1
  142. package/lib/Modal/index.js +25 -18
  143. package/lib/Modal/locale.d.ts +7 -0
  144. package/lib/Modal/locale.js +31 -0
  145. package/lib/Modal/style/index.less +45 -45
  146. package/lib/Navigator/components/Header/index.d.ts +0 -1
  147. package/lib/Navigator/components/Menu/index.d.ts +0 -1
  148. package/lib/Navigator/components/MenuItem/index.d.ts +1 -1
  149. package/lib/Navigator/index.d.ts +1 -1
  150. package/lib/PageHeader/index.d.ts +3 -0
  151. package/lib/PageHeader/index.js +15 -0
  152. package/lib/PageHeader/style/index.d.ts +2 -0
  153. package/lib/PageHeader/style/index.js +5 -0
  154. package/lib/PageHeader/style/index.less +1 -0
  155. package/lib/Popover/index.d.ts +0 -1
  156. package/lib/Select/rc-select/OptionList.js +8 -7
  157. package/lib/Select/rc-select/Selector/MultipleSelector.js +11 -1
  158. package/lib/Select/rc-select/hooks/useOptions.d.ts +1 -1
  159. package/lib/Select/style/index.less +69 -45
  160. package/lib/Select/style/variables.less +45 -45
  161. package/lib/Select/utils/iconUtil.d.ts +2 -2
  162. package/lib/Select/utils/iconUtil.js +13 -7
  163. package/lib/Steps/components/ProcessIcon/index.d.ts +5 -0
  164. package/lib/Steps/components/ProcessIcon/index.js +19 -0
  165. package/lib/Steps/components/Step/index.d.ts +20 -0
  166. package/lib/Steps/components/Step/index.js +61 -0
  167. package/lib/Steps/index.d.ts +36 -2
  168. package/lib/Steps/index.js +34 -1
  169. package/lib/Steps/matchMedia.mock.d.ts +1 -0
  170. package/lib/Steps/matchMedia.mock.js +17 -0
  171. package/lib/Steps/style/index.less +251 -0
  172. package/lib/Switch/index.d.ts +46 -2
  173. package/lib/Switch/index.js +78 -1
  174. package/lib/Switch/style/index.less +129 -0
  175. package/lib/Table/Table.js +3 -3
  176. package/lib/Table/style/index.less +1 -1
  177. package/lib/Tabs/index.js +9 -11
  178. package/lib/Tabs/style/index.less +57 -25
  179. package/lib/index.d.ts +13 -7
  180. package/lib/index.js +34 -10
  181. package/lib/locale/default.d.ts +2 -0
  182. package/lib/locale/default.js +13 -0
  183. package/lib/locale/en_US.d.ts +3 -0
  184. package/lib/locale/en_US.js +146 -0
  185. package/lib/locale/zh_CN.d.ts +3 -2
  186. package/lib/locale/zh_CN.js +134 -2
  187. package/lib/locale-provider/LocaleReceiver.d.ts +4 -0
  188. package/lib/locale-provider/LocaleReceiver.js +23 -0
  189. package/lib/locale-provider/context.d.ts +7 -0
  190. package/lib/locale-provider/context.js +12 -0
  191. package/lib/locale-provider/default.d.ts +2 -0
  192. package/lib/locale-provider/default.js +13 -0
  193. package/lib/locale-provider/en_US.d.ts +2 -0
  194. package/lib/locale-provider/en_US.js +13 -0
  195. package/lib/locale-provider/index.d.ts +61 -0
  196. package/lib/locale-provider/index.js +116 -0
  197. package/lib/locale-provider/style/index.d.ts +1 -0
  198. package/lib/locale-provider/style/index.js +3 -0
  199. package/lib/locale-provider/style/index.less +2 -0
  200. package/lib/locale-provider/zh_CN.d.ts +2 -0
  201. package/lib/locale-provider/zh_CN.js +13 -0
  202. package/lib/{Message → message}/index.d.ts +0 -0
  203. package/lib/{Message → message}/index.js +0 -0
  204. package/lib/message/style/index.d.ts +2 -0
  205. package/lib/message/style/index.js +5 -0
  206. package/lib/message/style/index.less +1 -0
  207. package/lib/{Notification → notification}/index.d.ts +0 -0
  208. package/lib/{Notification → notification}/index.js +0 -0
  209. package/lib/notification/style/index.d.ts +2 -0
  210. package/lib/notification/style/index.js +5 -0
  211. package/lib/notification/style/index.less +1 -0
  212. package/lib/style/index.less +1 -1
  213. package/lib/style/themes/default/index.less +30 -30
  214. package/package.json +11 -8
package/es/style/themes/default/index.less CHANGED
@@ -3,34 +3,34 @@
3
3
  @ald-prefix: ant;
4
4
 
5
5
 
6
- // height rules
7
- @height-base: 28px;
8
- @height-lg: 32px;
9
- @height-sm: 22px;
10
-
11
-
6
+ // base 不分大小写情况
12
7
  @border-radius-base: 8px;
13
- @border-radius-sm: 6px;
14
- @border-color-base: #e7e8e9; // 边框的基础色
15
-
16
- // color
17
- @primary-color: @B40; // 主色调
18
- @error-color: @SC40; // 错误色
19
- @success-color: @SA40; // 成功色
20
- @warning-color: @SB40; // 警告色
21
- @init-color: rgba(39, 40, 46, 0.5); // 默认颜色
22
- @adapt-table-border-color: rgba(39, 40, 46, 0.1); // 可拉伸表格的颜色
23
- @common-text-color: #27282e;
24
- @tableheader-bg: #f9f9f9; // 表头背景
25
- @primary-bg: #fff; // 主要背景色
26
- @btn-shadow: unset; // 取消btn的阴影,
27
- @text-shadow:unset; // 取消文字阴影
28
-
29
-
30
- @menu-item-font-size: 14px;
31
-
32
-
33
- //Select
34
-
35
- @select-placeholder-color: @NL50;
36
- @select-label-margin-right:4px;
8
+ @line-height-base:20px;
9
+ @font-size-base:14px;
10
+
11
+ // large
12
+ @font-size-large:16px;
13
+ @line-height-large:24px;
14
+ @padding-top-large:6px;
15
+ @padding-bottom-large:6px;
16
+ @padding-left-large:12px;
17
+ @padding-right-large:12px;
18
+ @border-radius-large:8px;
19
+
20
+ // middle
21
+ @font-size-middle:14px;
22
+ @line-height-middle:20px;
23
+ @padding-top-middle:6px;
24
+ @padding-bottom-middle:6px;
25
+ @padding-left-middle:12px;
26
+ @padding-right-middle:12px;
27
+ @border-radius-middle:6px;
28
+
29
+ // small
30
+ @font-size-small:12px;
31
+ @line-height-small:16px;
32
+ @padding-top-small:6px;
33
+ @padding-bottom-small:6px;
34
+ @padding-left-small:8px;
35
+ @padding-right-small:8px;
36
+ @border-radius-small:4px;
package/lib/Breadcrumb/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { BreadcrumbItemProps, BreadcrumbProps } from 'antd';
3
2
  export type { BreadcrumbItemProps, BreadcrumbProps };
4
3
  declare const Breadcrumb: {
package/lib/Button/index.js CHANGED
@@ -9,12 +9,14 @@ require("antd/es/button/style");
9
9
 
10
10
  var _button = _interopRequireDefault(require("antd/es/button"));
11
11
 
12
+ require("@aloudata/icons-react/styles/index.less");
13
+
14
+ var _LoadingLine2 = _interopRequireDefault(require("@aloudata/icons-react/es/icons/LoadingLine"));
15
+
12
16
  var _react = _interopRequireDefault(require("react"));
13
17
 
14
18
  var _classnames = _interopRequireDefault(require("classnames"));
15
19
 
16
- var _Loading = _interopRequireDefault(require("../Icon/icons/Loading"));
17
-
18
20
  var _excluded = ["type", "size", "shape", "loading", "disabled", "icon", "className"];
19
21
 
20
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -117,7 +119,7 @@ function Button(props) {
117
119
  }
118
120
 
119
121
  if (loading) {
120
- return /*#__PURE__*/_react.default.createElement(_Loading.default, {
122
+ return /*#__PURE__*/_react.default.createElement(_LoadingLine2.default, {
121
123
  spin: true,
122
124
  size: ICON_LARGE,
123
125
  className: (0, _classnames.default)("".concat(iconPrefixCls, "-icon-left"), iconPrefixCls),
package/lib/Button/style/index.less CHANGED
@@ -15,12 +15,9 @@
15
15
  display: inline-flex;
16
16
  align-items: center;
17
17
  justify-content: center;
18
- height: @height-base;
19
18
  font-weight: 500;
20
19
  font-size: 12px;
21
- line-height: @height-base;
22
20
  text-shadow: none;
23
- vertical-align: bottom;
24
21
  }
25
22
 
26
23
  &.ant-btn-loading::before {
@@ -28,198 +25,196 @@
28
25
  }
29
26
 
30
27
  &-primary {
31
- color: @Button-primary-color;
32
- background-color: @Button-primary-bgColor;
33
- border-color: @Button-primary-bgColor;
28
+ color: @button-primary-color;
29
+ background-color: @button-primary-bg-color;
30
+ border-color: @button-primary-bg-color;
34
31
  box-shadow: none;
35
32
 
36
33
  &:focus {
37
34
  //text-shadow: @text-shadow;
38
- color: @Button-primary-color;
39
- background-color: @Button-primary-bgColor;
40
- border-color: @Button-primary-bgColor;
35
+ color: @button-primary-color;
36
+ background-color: @button-primary-bg-color;
37
+ border-color: @button-primary-bg-color;
41
38
  box-shadow: none;
42
39
  }
43
40
 
44
41
  &:hover,
45
42
  &:active {
46
- color: @Button-primary-color-active;
47
- background-color: @Button-primary-bgColor-active;
48
- border-color: @Button-primary-bgColor-active;
43
+ color: @button-primary-color-active;
44
+ background-color: @button-primary-bg-color-active;
45
+ border-color: @button-primary-bg-color-active;
49
46
  }
50
47
 
51
48
  &.ant-btn-loading,
52
49
  &[disabled] {
53
- color: @Button-primary-color-disable;
54
- background-color: @Button-primary-bgColor-disable;
55
- border-color: @Button-primary-bgColor-disable;
50
+ color: @button-primary-color-disable;
51
+ background-color: @button-primary-bg-color-disable;
52
+ border-color: @button-primary-bg-color-disable;
56
53
  cursor: default;
57
54
 
58
55
  &:hover,
59
56
  &:focus,
60
57
  &:active {
61
- color: @Button-primary-color-disable;
62
- background-color: @Button-primary-bgColor-disable;
63
- border-color: @Button-primary-bgColor-disable;
58
+ color: @button-primary-color-disable;
59
+ background-color: @button-primary-bg-color-disable;
60
+ border-color: @button-primary-bg-color-disable;
64
61
  }
65
62
  }
66
63
  }
67
64
 
68
65
  &-dangerous {
69
- color: @Button-dangerous-color;
70
- background-color: @Button-dangerous-bgColor;
71
- border-color: @Button-dangerous-bgColor;
66
+ color: @button-dangerous-color;
67
+ background-color: @button-dangerous-bg-color;
68
+ border-color: @button-dangerous-bg-color;
72
69
  box-shadow: unset;
73
70
 
74
71
  &:focus {
75
- color: @Button-dangerous-color;
76
- background-color: @Button-dangerous-bgColor;
77
- border-color: @Button-dangerous-bgColor;
72
+ color: @button-dangerous-color;
73
+ background-color: @button-dangerous-bg-color;
74
+ border-color: @button-dangerous-bg-color;
78
75
  box-shadow: unset;
79
76
  }
80
77
 
81
78
  &:hover,
82
79
  &:active {
83
- color: @Button-dangerous-color-active;
84
- background-color: @Button-dangerous-bgColor-active;
85
- border-color: @Button-dangerous-bgColor-active;
80
+ color: @button-dangerous-color-active;
81
+ background-color: @button-dangerous-bg-color-active;
82
+ border-color: @button-dangerous-bg-color-active;
86
83
  }
87
84
 
88
85
  &[disabled],
89
86
  &.ant-btn-loading {
90
- color: @Button-dangerous-color-disable;
91
- background-color: @Button-dangerous-bgColor-disable;
92
- border-color: @Button-dangerous-bgColor-disable;
87
+ color: @button-dangerous-color-disable;
88
+ background-color: @button-dangerous-bg-color-disable;
89
+ border-color: @button-dangerous-bg-color-disable;
93
90
  cursor: default;
94
91
 
95
92
  &:hover,
96
93
  &:focus,
97
94
  &:active {
98
- color: @Button-dangerous-color-disable;
99
- background-color: @Button-dangerous-bgColor-disable;
100
- border-color: @Button-dangerous-bgColor-disable;
95
+ color: @button-dangerous-color-disable;
96
+ background-color: @button-dangerous-bg-color-disable;
97
+ border-color: @button-dangerous-bg-color-disable;
101
98
  }
102
99
  }
103
100
  }
104
101
 
105
102
  &.ant-btn-circle {
106
103
  justify-content: center;
107
- min-width: @height-base;
108
- height: @height-base;
109
104
  padding: 0;
110
105
  border-radius: 50%;
111
106
  }
112
107
 
113
108
  &-default,
114
109
  &-secondary {
115
- color: @Button-secondary-color;
116
- background-color: @Button-secondary-bgColor;
110
+ color: @button-secondary-color;
111
+ background-color: @button-secondary-bg-color;
117
112
  border: 1px solid;
118
- border-color: @Button-secondary-borderColor;
113
+ border-color: @button-secondary-border-color;
119
114
  box-shadow: none;
120
115
 
121
116
  &:focus {
122
- color: @Button-secondary-color;
117
+ color: @button-secondary-color;
123
118
  //text-shadow: @text-shadow;
124
- background-color: @Button-secondary-bgColor;
125
- border-color: @Button-secondary-borderColor;
119
+ background-color: @button-secondary-bg-color;
120
+ border-color: @button-secondary-border-color;
126
121
  box-shadow: none;
127
122
  }
128
123
 
129
124
  &:hover,
130
125
  &:active {
131
- color: @Button-secondary-color-active;
132
- background-color: @Button-secondary-bgColor-active;
133
- border-color: @Button-secondary-borderColor-active;
126
+ color: @button-secondary-color-active;
127
+ background-color: @button-secondary-bg-color-active;
128
+ border-color: @button-secondary-border-color-active;
134
129
  }
135
130
 
136
131
  &[disabled],
137
132
  &.ant-btn-loading {
138
- color: @Button-secondary-color-disable;
139
- background-color: @Button-secondary-bgColor-disable;
140
- border-color: @Button-secondary-borderColor;
133
+ color: @button-secondary-color-disable;
134
+ background-color: @button-secondary-bg-color-disable;
135
+ border-color: @button-secondary-border-color;
141
136
  cursor: default;
142
137
 
143
138
  &:hover,
144
139
  &:focus,
145
140
  &:active {
146
- color: @Button-secondary-color-disable;
147
- background-color: @Button-secondary-bgColor-disable;
148
- border-color: @Button-secondary-borderColor;
141
+ color: @button-secondary-color-disable;
142
+ background-color: @button-secondary-bg-color-disable;
143
+ border-color: @button-secondary-border-color;
149
144
  }
150
145
  }
151
146
  }
152
147
 
153
148
  &-text {
154
- color: @Button-text-color;
155
- background-color: @Button-text-bgColor;
149
+ color: @button-text-color;
150
+ background-color: @button-text-bg-color;
156
151
  border: none;
157
152
  box-shadow: none;
158
153
 
159
154
  &:focus,
160
155
  &:active {
161
- color: @Button-text-color;
162
- background-color: @Button-text-bgColor;
156
+ color: @button-text-color;
157
+ background-color: @button-text-bg-color;
163
158
  box-shadow: none;
164
159
  }
165
160
 
166
161
  &:hover,
167
162
  &.ant-btn-loading {
168
- color: @Button-text-color-active;
169
- background-color: @Button-text-bgColor-active;
163
+ color: @button-text-color-active;
164
+ background-color: @button-text-bg-color-active;
170
165
  }
171
166
 
172
167
  &[disabled] {
173
- color: @Button-text-color-disable;
174
- background-color: @Button-text-bgColor-disable;
168
+ color: @button-text-color-disable;
169
+ background-color: @button-text-bg-color-disable;
175
170
  cursor: default;
176
171
 
177
172
  &:hover,
178
173
  &:focus,
179
174
  &:active {
180
- color: @Button-text-color-disable;
181
- background-color: @Button-text-bgColor-disable;
175
+ color: @button-text-color-disable;
176
+ background-color: @button-text-bg-color-disable;
182
177
  }
183
178
  }
184
179
  }
185
180
 
186
181
  &-link {
187
- color: @Button-link-color;
182
+ color: @button-link-color;
188
183
  font-weight: 400;
189
184
  //text-shadow: @text-shadow;
190
- background-color: @Button-link-bgColor;
191
- border-color: @Button-link-bgColor;
185
+ background-color: @button-link-bg-color;
186
+ border-color: @button-link-bg-color;
192
187
  box-shadow: none;
193
188
 
194
189
  &:focus {
195
- color: @Button-link-color;
190
+ color: @button-link-color;
196
191
  font-weight: 400;
197
192
  //text-shadow: @text-shadow;
198
- background-color: @Button-link-bgColor;
199
- border-color: @Button-link-bgColor;
193
+ background-color: @button-link-bg-color;
194
+ border-color: @button-link-bg-color;
200
195
  box-shadow: none;
201
196
  }
202
197
 
203
198
  &:hover,
204
199
  &:active {
205
- color: @Button-link-color-active;
206
- background-color: @Button-link-bgColor-active;
207
- border-color: @Button-link-bgColor-active;
200
+ color: @button-link-color-active;
201
+ background-color: @button-link-bg-color-active;
202
+ border-color: @button-link-bg-color-active;
208
203
  }
209
204
 
210
205
  &[disabled],
211
206
  &.ant-btn-loading {
212
- color: @Button-link-color-disable;
213
- background-color: @Button-link-bgColor-disable;
214
- border-color: @Button-link-bgColor-disable;
207
+ color: @button-link-color-disable;
208
+ background-color: @button-link-bg-color-disable;
209
+ border-color: @button-link-bg-color-disable;
215
210
  cursor: default;
216
211
 
217
212
  &:hover,
218
213
  &:focus,
219
214
  &:active {
220
- color: @Button-link-color-disable;
221
- background-color: @Button-link-bgColor-disable;
222
- border-color: @Button-link-bgColor-disable;
215
+ color: @button-link-color-disable;
216
+ background-color: @button-link-bg-color-disable;
217
+ border-color: @button-link-bg-color-disable;
223
218
  }
224
219
  }
225
220
  }
@@ -228,112 +223,126 @@
228
223
  justify-content: center;
229
224
  width: initial;
230
225
  padding: 0;
231
- vertical-align: bottom;
232
-
233
- &.ant-btn-loading-icon {
234
- vertical-align: baseline;
235
- }
236
- .@{ald-iconfont-css-prefix} {
237
- display: flex;
238
- align-items: center;
239
- justify-content: center;
240
- margin: 0;
241
- }
226
+ vertical-align: baseline;
242
227
  }
243
228
 
244
229
  &-large {
245
230
  min-width: auto;
246
- height: @Button-height-large;
247
- padding: @Button-border-padding-large;
248
- font-size: @Button-text-size-large;
249
- border-radius: @Button-borderRadius-large;
231
+ height: @button-height-large;
232
+ padding: @button-border-padding-large;
233
+ font-size: @button-text-size-large;
234
+ border-radius: @button-border-radius-large;
250
235
 
251
236
  &.ant-btn-icon-only {
252
- min-width: @Button-height-large;
253
- height: @Button-height-large;
254
- border-radius: @Button-borderRadius-large;
237
+ min-width: @button-height-large;
238
+ height: @button-height-large;
239
+ border-radius: @button-border-radius-large;
255
240
  }
256
241
 
257
242
  &.ant-btn-circle {
258
- min-width: @Button-height-large;
259
- height: @Button-height-large;
243
+ min-width: @button-height-large;
244
+ height: @button-height-large;
260
245
  border-radius: 50%;
261
246
  }
262
247
 
248
+ .aldicon-icon-left {
249
+ svg {
250
+ vertical-align: -2px;
251
+ }
252
+ }
253
+
263
254
  .aldicon-icon-left + span {
264
- margin-left: @Button-leftIcon-marginRight-large;
255
+ margin-left: @button-left-icon-margin-right-large;
265
256
  }
266
257
  }
267
258
 
268
259
  &-middle {
269
260
  min-width: auto;
270
- height: @Button-height-middle;
271
- padding: @Button-border-padding-middle;
272
- font-size: @Button-text-size-middle;
273
- border-radius: @Button-borderRadius-middle;
261
+ height: @button-height-middle;
262
+ padding: @button-border-padding-middle;
263
+ font-size: @button-text-size-middle;
264
+ border-radius: @button-border-radius-middle;
274
265
 
275
266
  &.ant-btn-icon-only {
276
- min-width: @Button-height-middle;
277
- height: @Button-height-middle;
278
- border-radius: @Button-borderRadius-middle;
267
+ min-width: @button-height-middle;
268
+ height: @button-height-middle;
269
+ border-radius: @button-border-radius-middle;
279
270
  }
280
271
 
281
272
  &.ant-btn-circle {
282
- min-width: @Button-height-middle;
283
- height: @Button-height-middle;
273
+ min-width: @button-height-middle;
274
+ height: @button-height-middle;
284
275
  border-radius: 50%;
285
276
  }
286
277
 
278
+ .aldicon-icon-left {
279
+ svg {
280
+ vertical-align: -2px;
281
+ }
282
+ }
283
+
287
284
  .aldicon-icon-left + span {
288
- margin-left: @Button-leftIcon-marginRight-middle;
285
+ margin-left: @button-left-icon-margin-right-middle;
289
286
  }
290
287
  }
291
288
 
292
289
  &-small {
293
- height: @Button-height-small;
294
- padding: @Button-border-padding-small;
295
- font-size: @Button-text-size-small;
290
+ height: @button-height-small;
291
+ padding: @button-border-padding-small;
292
+ font-size: @button-text-size-small;
296
293
  line-height: 22px;
297
- border-radius: @Button-borderRadius-small;
294
+ border-radius: @button-border-radius-small;
298
295
 
299
296
  &.ant-btn-icon-only {
300
- min-width: @Button-height-small;
301
- height: @Button-height-small;
302
- border-radius: @Button-borderRadius-small;
297
+ min-width: @button-height-small;
298
+ height: @button-height-small;
299
+ border-radius: @button-border-radius-small;
303
300
  }
304
301
 
305
302
  &.ant-btn-circle {
306
- min-width: @Button-height-small;
307
- height: @Button-height-small;
303
+ min-width: @button-height-small;
304
+ height: @button-height-small;
308
305
  border-radius: 50%;
309
306
  }
310
307
 
308
+ .aldicon-icon-left {
309
+ svg {
310
+ vertical-align: -2px;
311
+ }
312
+ }
313
+
311
314
  .aldicon-icon-left + span {
312
- margin-left: @Button-leftIcon-marginRight-small;
315
+ margin-left: @button-left-icon-margin-right-small;
313
316
  }
314
317
  }
315
318
 
316
319
  &-mini {
317
- height: @Button-height-mini;
318
- padding: @Button-border-padding-mini;
319
- font-size: @Button-text-size-mini;
320
+ height: @button-height-mini;
321
+ padding: @button-border-padding-mini;
322
+ font-size: @button-text-size-mini;
320
323
  line-height: 22px;
321
- border-radius: @Button-borderRadius-mini;
324
+ border-radius: @button-border-radius-mini;
322
325
 
323
326
  &.ant-btn-icon-only {
324
- min-width: @Button-height-mini;
325
- height: @Button-height-mini;
326
- border-radius: @Button-borderRadius-mini;
327
+ min-width: @button-height-mini;
328
+ height: @button-height-mini;
329
+ border-radius: @button-border-radius-mini;
327
330
  }
328
331
 
329
332
  &.ant-btn-circle {
330
- min-width: @Button-height-mini;
331
- height: @Button-height-mini;
333
+ min-width: @button-height-mini;
334
+ height: @button-height-mini;
332
335
  border-radius: 50%;
333
336
  }
334
337
 
338
+ .aldicon-icon-left {
339
+ svg {
340
+ vertical-align: -2px;
341
+ }
342
+ }
343
+
335
344
  .aldicon-icon-left + span {
336
- margin-left: @Button-leftIcon-marginRight-mini;
345
+ margin-left: @button-left-icon-margin-right-mini;
337
346
  }
338
347
  }
339
348
  }