@aloudata/aloudata-design 0.2.0-beta.4 → 0.2.0-beta.5

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 (83) hide show
  1. package/es/Button/style/index.css +374 -0
  2. package/es/Button/style/index.js +1 -1
  3. package/es/Dropdown/style/index.css +178 -0
  4. package/es/Dropdown/style/index.js +1 -1
  5. package/es/Empty/style/index.css +162 -0
  6. package/es/Empty/style/index.js +1 -1
  7. package/es/Icon/index.css +8 -0
  8. package/es/Input/style/index.css +215 -0
  9. package/es/Input/style/index.js +1 -1
  10. package/es/Menu/style/index.css +208 -0
  11. package/es/Menu/style/index.js +1 -1
  12. package/es/Navigator/style/index.css +328 -0
  13. package/es/Navigator/style/index.js +1 -1
  14. package/es/Select/Selector/index.js +1 -1
  15. package/es/Select/style/index.css +493 -0
  16. package/es/Select/style/index.js +1 -1
  17. package/es/Table/style/index.css +248 -0
  18. package/es/Table/style/index.js +1 -1
  19. package/es/Tabs/style/index.css +194 -0
  20. package/es/Tabs/style/index.js +1 -1
  21. package/es/Tooltip/style/index.css +154 -0
  22. package/es/Tooltip/style/index.js +1 -1
  23. package/es/style/index.css +145 -0
  24. package/es/style/index.js +1 -1
  25. package/es/style/mixins/{index.less → index.css} +0 -0
  26. package/es/style/themes/default/index.css +145 -0
  27. package/es/style/themes/default/themeColor.module.css +145 -0
  28. package/lib/Button/style/index.css +374 -0
  29. package/lib/Button/style/index.js +1 -1
  30. package/lib/Dropdown/style/index.css +178 -0
  31. package/lib/Dropdown/style/index.js +1 -1
  32. package/lib/Empty/style/index.css +162 -0
  33. package/lib/Empty/style/index.js +1 -1
  34. package/lib/Icon/index.css +8 -0
  35. package/lib/Input/style/index.css +215 -0
  36. package/lib/Input/style/index.js +1 -1
  37. package/lib/Menu/style/index.css +208 -0
  38. package/lib/Menu/style/index.js +1 -1
  39. package/lib/Navigator/style/index.css +328 -0
  40. package/lib/Navigator/style/index.js +1 -1
  41. package/lib/Select/Selector/index.js +1 -1
  42. package/lib/Select/style/index.css +493 -0
  43. package/lib/Select/style/index.js +1 -1
  44. package/lib/Table/style/index.css +248 -0
  45. package/lib/Table/style/index.js +1 -1
  46. package/lib/Tabs/style/index.css +194 -0
  47. package/lib/Tabs/style/index.js +1 -1
  48. package/lib/Tooltip/style/index.css +154 -0
  49. package/lib/Tooltip/style/index.js +1 -1
  50. package/lib/style/index.css +145 -0
  51. package/lib/style/index.js +1 -1
  52. package/lib/style/mixins/{index.less → index.css} +0 -0
  53. package/lib/style/themes/default/index.css +145 -0
  54. package/lib/style/themes/default/themeColor.module.css +145 -0
  55. package/package.json +1 -1
  56. package/es/Button/style/index.less +0 -255
  57. package/es/Dropdown/style/index.less +0 -40
  58. package/es/Empty/style/index.less +0 -23
  59. package/es/Icon/index.less +0 -32
  60. package/es/Input/style/index.less +0 -65
  61. package/es/Menu/style/index.less +0 -37
  62. package/es/Navigator/style/index.less +0 -228
  63. package/es/Select/style/index.less +0 -532
  64. package/es/Table/style/index.less +0 -141
  65. package/es/Tabs/style/index.less +0 -61
  66. package/es/Tooltip/style/index.less +0 -14
  67. package/es/style/index.less +0 -3
  68. package/es/style/themes/default/index.less +0 -36
  69. package/es/style/themes/default/themeColor.module.less +0 -259
  70. package/lib/Button/style/index.less +0 -255
  71. package/lib/Dropdown/style/index.less +0 -40
  72. package/lib/Empty/style/index.less +0 -23
  73. package/lib/Icon/index.less +0 -32
  74. package/lib/Input/style/index.less +0 -65
  75. package/lib/Menu/style/index.less +0 -37
  76. package/lib/Navigator/style/index.less +0 -228
  77. package/lib/Select/style/index.less +0 -532
  78. package/lib/Table/style/index.less +0 -141
  79. package/lib/Tabs/style/index.less +0 -61
  80. package/lib/Tooltip/style/index.less +0 -14
  81. package/lib/style/index.less +0 -3
  82. package/lib/style/themes/default/index.less +0 -36
  83. package/lib/style/themes/default/themeColor.module.less +0 -259
@@ -1,65 +0,0 @@
1
- @import '../../style/index.less';
2
- @import '../../Icon/index.less';
3
-
4
- @ald-prefix:ant;
5
-
6
- @ald-iconfont-css-prefix:anticon;
7
- .@{ald-prefix}-input {
8
- color: @NL0;
9
- border-radius: @border-radius-base;
10
-
11
- &::placeholder {
12
- color: @NL50;
13
- }
14
-
15
- &-prefix {
16
- color: @NL30;
17
- }
18
-
19
- &-suffix {
20
- color: @NL60;
21
- }
22
-
23
- &:focus,
24
- &-focused {
25
- border-color: @B40;
26
- box-shadow: none;
27
- }
28
-
29
- &[disabled] {
30
- border-color: @NL90;
31
- background-color: @NL95;
32
- color: @NL80;
33
-
34
- &::placeholder {
35
- color: @NL80;
36
- }
37
- }
38
-
39
- &-sm {
40
- border-radius: @border-radius-sm;
41
- }
42
-
43
- &-affix-wrapper {
44
- border-radius: @border-radius-base;
45
-
46
- &-hover,
47
- &-focused,
48
- &:hover {
49
- box-shadow: unset;
50
- }
51
- .@{ald-prefix}-input {
52
- border-radius: 0;
53
- caret-color: @B40;
54
- }
55
-
56
- &-sm {
57
- border-radius: @border-radius-sm;
58
- }
59
- }
60
- }
61
- .@{ald-iconfont-css-prefix} {
62
- &.@{ald-iconfont-css-prefix}-close-circle, &.@{ald-prefix}-clear-icon {
63
- .ald-iconfont('\e616');
64
- }
65
- }
@@ -1,37 +0,0 @@
1
- @import '../../style/index.less';
2
- @import '../../Icon/index.less';
3
-
4
- .menu-popup {
5
- border: 1px solid @NL95;
6
- box-shadow: @shadow-actionsheet;
7
- border-radius: @border-radius-base;
8
- background: @BG100;
9
- }
10
-
11
- .ald-menu,
12
- .ald-submenu {
13
- .menu-popup();
14
-
15
- .ant-dropdown-menu-item-divider,
16
- .ant-dropdown-menu-submenu-title-divider {
17
- background-color: @NL90;
18
- }
19
-
20
- .ald-iconfont {
21
- font-family: @icon-font !important;
22
- font-size: 16px;
23
- font-style: normal;
24
- -webkit-font-smoothing: antialiased;
25
- -moz-osx-font-smoothing: grayscale;
26
- }
27
-
28
- // 替换二级菜单箭头icon
29
- .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
30
- .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
31
- .ald-iconfont('\e691');
32
- }
33
-
34
- .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
35
- background-color: unset;
36
- }
37
- }
@@ -1,228 +0,0 @@
1
- @import '../../style/index.less';
2
- @import '../../Icon/index.less';
3
-
4
- /* stylelint-disable */
5
-
6
- @ald-prefix:ant;
7
-
8
- .supTitle() {
9
- font-family: 'PingFang SC';
10
- font-style: normal;
11
- font-weight: 500;
12
- font-size: 14px;
13
- line-height: 20px;
14
- }
15
-
16
- .subTitle() {
17
- font-family: 'PingFang SC';
18
- font-style: normal;
19
- font-weight: 400;
20
- font-size: 12px;
21
- line-height: 16px;
22
- }
23
-
24
- .ald-nav {
25
- width: 216px;
26
- background-color: @BBG15;
27
- height: 100%;
28
- display: flex;
29
- flex-direction: column;
30
- overflow: hidden;
31
- user-select: none;
32
-
33
- &-logo {
34
- height: 72px;
35
- padding: 24px;
36
- width: 100%;
37
-
38
- &-able-click {
39
- cursor: pointer;
40
- }
41
- }
42
-
43
- &-menu-icon-right.anticon {
44
- color: @ND60;
45
- }
46
-
47
- &-menu {
48
- flex: 1;
49
- overflow-y: auto;
50
- overflow-x: hidden;
51
-
52
- .ant-menu-sub.ant-menu-inline {
53
- background-color: unset;
54
- }
55
-
56
- .anticon.ant-menu-item-icon {
57
- font-size: 20px !important;
58
- width: 20px !important;
59
- height: 20px !important;
60
- }
61
-
62
- &::-webkit-scrollbar-thumb {
63
- border-radius: 6px;
64
- background: @ND90;
65
- border: 3px solid transparent;
66
- background-clip: padding-box;
67
- }
68
-
69
- &::-webkit-scrollbar {
70
- background-color: transparent;
71
- width: 12px;
72
- height: 12px;
73
- }
74
-
75
- .ant-menu-inline,
76
- .ant-menu-vertical,
77
- .ant-menu-vertical-left {
78
- border-right: unset;
79
- }
80
-
81
- .ant-menu {
82
- background: @BBG15;
83
- color: @ND0;
84
-
85
- &.ant-menu-root {
86
-
87
- .ant-menu-item {
88
- margin-bottom: 16px;
89
- padding: 0 12px !important;
90
- }
91
-
92
- li:nth-last-child(1) {
93
- margin-bottom: 0;
94
- }
95
- }
96
-
97
- &.ant-menu-sub {
98
- .ant-menu-item {
99
- margin-top: 4px;
100
- margin-bottom: 0;
101
- padding: 0 12px 0 44px!important;
102
- }
103
- }
104
-
105
- // 只有子级菜单相关颜色操作
106
- .ant-menu-item-only-child {
107
- color: @ND30;
108
- height: 32px !important;
109
- line-height: 32px !important;
110
- font-size: 12px !important;
111
- .subTitle();
112
-
113
- &:hover {
114
- color: @ND30 !important;
115
- }
116
-
117
- &.ant-menu-item-selected {
118
- font-weight: 500;
119
-
120
- &:hover {
121
- color: @ND0 !important;
122
- }
123
- }
124
- }
125
-
126
- .ant-menu-item {
127
- height: 40px;
128
- width: 100%;
129
- border-radius: 8px;
130
- .supTitle();
131
-
132
- ::before {
133
- width: 4px;
134
- content: '';
135
- background: transparent;
136
- height: 100%;
137
- position: absolute;
138
- top: 0;
139
- left: -12px;
140
- border-radius: 1px;
141
- transition: all .3s;
142
- }
143
-
144
- &-selected {
145
- background-color: @BBG20 !important;
146
- color: @ND0;
147
- position: relative;
148
- overflow: unset;
149
-
150
- ::before {
151
- background: @B40;
152
- }
153
- }
154
-
155
- &::after {
156
- display: none !important;
157
- }
158
- }
159
-
160
- .ant-menu-submenu {
161
- margin-bottom: 16px;
162
-
163
- .ant-menu-submenu-title {
164
- padding: 0 12px !important;
165
- height: 40px;
166
- line-height: 40px;
167
- .supTitle();
168
-
169
- &:hover {
170
- color: @ND0;
171
- }
172
- }
173
-
174
- &-selected {
175
- color: @ND0;
176
- }
177
-
178
- &-active {
179
- color: @ND0;
180
- }
181
- }
182
-
183
- // 修改icon和文字的margin
184
- .ant-menu-item .ant-menu-item-icon + span,
185
- .ant-menu-submenu-title .ant-menu-item-icon + span,
186
- .ant-menu-item .anticon + span,
187
- .ant-menu-submenu-title .anticon + span {
188
- margin-left: 12px;
189
- }
190
-
191
- // 取消item点击时的高亮背景色
192
- .ant-menu-item:active,
193
- .ant-menu-submenu-title:active {
194
- background: unset;
195
- }
196
-
197
- .ant-menu-inline .ant-menu-item,
198
- .ant-menu-inline .ant-menu-submenu-title {
199
- width: 100% !important;
200
- }
201
-
202
- // 删除右侧的高亮
203
- .ant-menu-vertical .ant-menu-item::after,
204
- .ant-menu-vertical-left .ant-menu-item::after,
205
- .ant-menu-vertical-right .ant-menu-item::after,
206
- .ant-menu-inline .ant-menu-item::after {
207
- display: none;
208
- }
209
- }
210
-
211
- .ant-menu-light .ant-menu-item:hover,
212
- .ant-menu-light .ant-menu-item-active,
213
- .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
214
- .ant-menu-light .ant-menu-submenu-active,
215
- .ant-menu-light .ant-menu-submenu-title:hover {
216
- color: unset;
217
- }
218
- }
219
-
220
- &-footer {
221
- height: 72px;
222
-
223
- &-wrap {
224
- color: @ND0;
225
- height: 100%;
226
- }
227
- }
228
- }